:root{--blue: #0b3b78;--blue-light: #1857aa;--yellow: #ffcc00;--yellow-dark: #cc9f00;--green: #1a8f3a;--red: #c8102e;--bg-light: #f5f7fb;--card-radius: 1.75rem;--card-max: clamp(28.75rem, 95vw, 48rem);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--case-nom: #2f80ed;--case-gen: #d946ef;--case-dat: #0d9488;--case-akk: #14b8a6;--case-abl: #ea580c;--case-voc: #f59e0b;--case-nom-bg: rgba(47, 128, 237, .2);--case-gen-bg: rgba(217, 70, 239, .2);--case-dat-bg: rgba(13, 148, 136, .2);--case-akk-bg: rgba(20, 184, 166, .2);--case-abl-bg: rgba(234, 88, 12, .2);--case-voc-bg: rgba(245, 158, 11, .2);--clause-pred: #e53e3e;--clause-pred-bg: rgba(229, 62, 62, .08);--clause-pp: #16a085;--clause-pp-bg: rgba(22, 160, 133, .14);--clause-adv: #7f8c8d;--clause-adv-bg: rgba(127, 140, 141, .12);--clause-conj: #95a5a6;--clause-conj-bg: rgba(149, 165, 166, .12);--clause-part: #8e44ad;--clause-part-bg: rgba(142, 68, 173, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .2);--shadow-yellow: 0 4px 12px rgba(255, 204, 0, .35);--shadow-blue: 0 4px 12px rgba(11, 59, 120, .25);--border-thin: 1px;--border-normal: 2px;--border-thick: 3px;--border-color: #d1d5db;--border-color-light: #e5e7eb;--gradient-primary: linear-gradient(135deg, #4c6ef5 0%, #7c3aed 100%);--gradient-blue-purple: linear-gradient(135deg, #4c6ef5 0%, #7c3aed 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--stats-cyan-bg: rgba(56, 189, 248, .12);--stats-cyan-border: #38bdf8;--stats-cyan-text: #0284c7;--stats-purple-bg: rgba(168, 85, 247, .12);--stats-purple-border: #a855f7;--stats-purple-text: #7e22ce;--stats-orange-bg: rgba(251, 146, 60, .12);--stats-orange-border: #fb923c;--stats-orange-text: #ea580c;--stats-green-bg: rgba(34, 197, 94, .12);--stats-green-border: #22c55e;--stats-green-text: #16a34a;--stats-red-bg: rgba(239, 68, 68, .12);--stats-red-border: #ef4444;--stats-red-text: #dc2626;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--font-main: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", -system-ui, -ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-light);color:#111827;overflow-x:hidden}#root{max-width:var(--card-max);margin:0 auto;background:transparent;min-height:100vh;box-shadow:0 0 2rem #0000001a}@media(max-width:28.75rem){#root{max-width:100%;box-shadow:none}}@media(min-width:40rem){.question-card,.result-card,.summary-card{max-width:100%}}.header-wrapper{width:100%;background:var(--gradient-primary);box-shadow:0 4px 20px #00000040}.header{max-width:var(--card-max);margin:0 auto;padding:2.5rem 1rem 1rem;display:flex;align-items:center;gap:.75rem}.menu-btn{background:#ffffff40;border:none;border-radius:.75rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:2rem;color:#fff}.app-title{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);flex:1}.back-btn{background:#ffffff40;border:none;border-radius:.75rem;padding:.75rem 1.25rem;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btns{display:flex;gap:.5rem}.icon-btn{background:#ffffff40;border:none;border-radius:.75rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.5rem}.topbar{width:100%;max-width:var(--card-max);margin:0 auto;padding:0 1rem .75rem;display:flex;justify-content:flex-end;gap:1rem}.topbar-item{text-align:center;font-size:.7rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em}.topbar-value{font-size:1.1rem;font-weight:900;margin-top:.25rem;color:#fff}.topbar-value.streak,.topbar-value.time,.topbar-value.done,.topbar-value.active{color:#fff}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-start{align-items:flex-start}.align-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.grid-3-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3)}.grid-3-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3)}.grid-full{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.grid-gap-2{gap:var(--spacing-2)}.grid-gap-4{gap:var(--spacing-4)}.pos-relative{position:relative}.pos-absolute{position:absolute}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.checkbox-item{display:flex;align-items:center;gap:.75rem}.checkbox{width:1.5rem;height:1.5rem;border:3px solid #7c3aed;border-radius:.375rem;cursor:pointer;transition:all .2s;flex-shrink:0}.checkbox.checked{background:#7c3aed;position:relative}.checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:900;font-size:1rem}.checkbox-label{font-size:1rem;font-weight:600;color:#111827}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.screen{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-primary)}.top-bar-wrapper{background:var(--gradient-primary);box-shadow:0 4px 12px #00000026}.top-bar{height:auto;min-height:64px;padding:45px 16px 10px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.top-bar-wrapper .top-bar{max-width:var(--card-max);margin:0 auto}.app-title{font-weight:700;font-size:1.25rem;flex-shrink:0}.top-bar-center{font-size:1.1rem;font-weight:500;text-align:center;flex:1;min-width:0}.top-bar-right{font-size:.875rem;opacity:.9;text-align:right;flex-shrink:0;min-width:4rem}.topbar-icon-btn{border:none;background:transparent;cursor:pointer;padding:.25rem;display:inline-flex;align-items:center;justify-content:center}.topbar-icon{width:1.4rem;height:1.4rem;display:block;filter:brightness(0) invert(1)}.top-bar-btn{padding:.5rem 1rem!important;border-radius:10px!important;border:2px solid #ffffff4d!important;background:#fff3!important;color:#fff!important;font-weight:700!important;font-size:1rem!important;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;display:inline-block}.top-bar-btn:hover{background:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-2px);box-shadow:0 4px 12px #0003!important}.content{flex:1;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:100%;box-sizing:border-box}.content>.question-card,.content>.result-card,.content>.summary-card{align-self:center}.gradient-bg{background:var(--gradient-primary)}.gradient-success{background:var(--gradient-success)}.gradient-warning{background:var(--gradient-warning)}.sub-bar{background:transparent;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:center;border-bottom:none;box-shadow:none;position:sticky;top:0;z-index:10;color:#fff!important}.sub-bar *{color:#fff!important}.sub-bar-title,.sub-bar-center{font-size:1.25rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3)}.sub-bar-left{flex:1;font-size:1.125rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.sub-bar-right{flex:1;display:flex;justify-content:flex-end}.sub-bar-action{padding:.5rem 1rem;border-radius:8px;border:2px solid var(--border-color);background:#fff;color:#111827;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.sub-bar-action:hover{border-color:var(--purple);background:#7c3aed0d;transform:translateY(-1px)}.stats-box{padding:1.5rem;border-radius:1rem;border:3px solid;background:#fff;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stats-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-box-cyan{border-color:var(--stats-cyan-border);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stats-cyan-bg) 100%)}.stats-box-cyan .stats-number{color:var(--stats-cyan-text)}.stats-box-purple{border-color:var(--stats-purple-border);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stats-purple-bg) 100%)}.stats-box-purple .stats-number{color:var(--stats-purple-text)}.stats-box-orange{border-color:var(--stats-orange-border);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stats-orange-bg) 100%)}.stats-box-orange .stats-number{color:var(--stats-orange-text)}.stats-box-green{border-color:var(--stats-green-border);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stats-green-bg) 100%)}.stats-box-green .stats-number{color:var(--stats-green-text)}.stats-box-red{border-color:var(--stats-red-border);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stats-red-bg) 100%)}.stats-box-red .stats-number{color:var(--stats-red-text)}.stats-title{font-size:1.1rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;text-align:center}.stats-number{font-size:3rem;font-weight:700;line-height:1;text-align:center;margin:.25rem 0}.stats-label{font-size:1rem;color:#6b7280;text-align:center;margin-top:.25rem}.stats-percentage{font-size:1.25rem;font-weight:600;text-align:center;margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.latin-example-text{line-height:2}.clause{display:inline-block;position:relative;border-radius:.4rem;margin:0 0rem}.clause-text{position:relative;z-index:1}.clause-label{position:absolute;left:0rem;top:-.4rem;padding:.05rem;font-size:.6rem;line-height:1;white-space:nowrap;z-index:2}.clause-active.clause-subj,.clause-label--subj{background-color:var(--case-nom-bg)}.clause-label--subclause{background-color:#607d8b2e}.clause-active.clause-subclause{background-color:#607d8b1f}.clause-active.clause-pred,.clause-label--pred{background-color:var(--clause-pred-bg)}.clause-active.clause-predic,.clause-label--predic{background-color:var(--case-gen-bg)}.clause-active.clause-obj-acc,.clause-label--obj-acc{background-color:var(--case-akk-bg)}.clause-active.clause-obj-dat,.clause-label--obj-dat{background-color:var(--case-dat-bg)}.clause-active.clause-obj-gen,.clause-label--obj-gen{background-color:var(--case-gen-bg)}.clause-active.clause-obj-abl,.clause-label--obj-abl{background-color:var(--case-abl-bg)}.clause-active.clause-pp,.clause-label--pp{background-color:var(--clause-pp-bg)}.clause-active.clause-adv,.clause-label--adv{background-color:var(--clause-adv-bg)}.clause-active.clause-voc,.clause-label--voc{background-color:var(--case-voc-bg)}.clause-active.clause-conj,.clause-label--conj{background-color:var(--clause-conj-bg)}.clause-active.clause-part,.clause-label--part{background-color:var(--clause-part-bg)}.clause-active.clause-aci-acc,.clause-label--aci-acc{background-color:var(--case-akk-bg)}.clause-active.clause-aci-inf,.clause-label--aci-inf{background-color:var(--clause-pred-bg)}.clause-active.clause-nci-subj,.clause-label--nci-subj{background-color:var(--case-nom-bg)}.clause-active.clause-nci-inf,.clause-label--nci-inf{background-color:var(--clause-pred-bg)}.result-example--latin .clause:hover{background-color:#fff6}.result-example--latin{cursor:pointer;display:block;padding-top:.6rem}.translation-wrapper{display:block;margin-top:.25rem;line-height:1.2}.translation-overlay{display:inline-block;padding:.2rem 2rem;border-radius:999rem;background-color:#e5e7eb;color:#333;font-size:.8rem;cursor:pointer;line-height:2}.translation-text{display:inline-block;margin-top:.1rem}.progress-bg{position:absolute;left:0;top:0;bottom:0;background:#c2dfff;pointer-events:none}.progress-overlay{position:absolute;left:0;top:0;bottom:0;background:#c8f5d4;pointer-events:none}.progress-content{position:relative;display:grid;gap:.5rem}.progress-header{display:flex;justify-content:space-between;gap:.75rem}.progress-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;align-items:center;margin-top:.25rem;opacity:.9}.progress-actions{display:flex;gap:.5rem;justify-content:flex-end}.progress-actions .pill-btn{width:50px;padding:.25rem .4rem;font-size:.8em}.section{width:calc(100% - 2rem);margin:1rem 1rem 0;background-color:#fff;padding:1.5rem;box-sizing:border-box;border-radius:1.5rem;box-shadow:0 8px 24px #00000026}.section-title{font-size:1.375rem;font-weight:700;margin-bottom:.625rem;margin-top:0;color:#111827}.subsection-title{font-size:1.125rem;font-weight:900;margin-bottom:.625rem;margin-top:1.25rem;color:#111827}.lemma-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.lemma-btn{flex:0 1 calc(33.333% - .75rem);padding:.6rem .75rem;border-radius:999px;border:.125rem solid #dde3ea;background-color:#fff;font-size:1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all var(--transition-fast)}.lemma-btn.selected,.lemma-btn--selected{background-color:#003b7a;color:#fff;border-color:#003b7a}.lemma-btn--unselected{border-color:#dde3ea;background-color:#fff}.lemma-btn--unselected.lemma-btn--group-a,.lemma-btn.lemma-btn--group-a{background-color:#f6e8ff;border-color:#d8b4fe}.lemma-btn--unselected.lemma-btn--group-b,.lemma-btn.lemma-btn--group-b{background-color:#e8f1ff;border-color:#bfdbfe}.lemma-btn--unselected.lemma-btn--group-c,.lemma-btn.lemma-btn--group-c{background-color:#e8fff3;border-color:#a7f3d0}.lemma-btn--unselected.lemma-btn--group-d,.lemma-btn.lemma-btn--group-d{background-color:#fff6e8;border-color:#fde68a}.lemma-btn--unselected.lemma-btn--group-e,.lemma-btn.lemma-btn--group-e{background-color:#fff0f3;border-color:#fbcfe8}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;max-width:40rem}.pill-btn{flex:1 1 calc(33.333% - .5rem);min-width:5.625rem;padding:.875rem 0rem;border-radius:1rem;border:2px solid #6d28d9;background:#fff;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer;box-sizing:border-box;transition:all .2s;color:#111827;margin-bottom:.5rem}.pill-btn.selected{background:#7c3aed;border-color:#7c3aed;color:#fff;font-weight:700;box-shadow:0 4px 12px #7c3aed4d}.pill-btn.area-color-1,.pill-btn.area-color-2,.pill-btn.area-color-3,.pill-btn.area-color-4,.pill-btn.area-color-5,.pill-btn.area-color-6{background:#fef08a40;border-color:#fde047}.pill-btn.area-color-7,.pill-btn.area-color-8,.pill-btn.area-color-9{background:#fb923c40;border-color:#fb923c}.pill-btn.area-color-10,.pill-btn.area-color-11,.pill-btn.area-color-12{background:#f871714d;border-color:#f87171}.pill-btn.area-color-13{background:#dc26264d;border-color:#dc2626}.pill-btn.area-color-1.selected,.pill-btn.area-color-2.selected,.pill-btn.area-color-3.selected,.pill-btn.area-color-4.selected,.pill-btn.area-color-5.selected,.pill-btn.area-color-6.selected,.pill-btn.area-color-7.selected,.pill-btn.area-color-8.selected,.pill-btn.area-color-9.selected,.pill-btn.area-color-10.selected,.pill-btn.area-color-11.selected,.pill-btn.area-color-12.selected,.pill-btn.area-color-13.selected{background:#6d28d9!important;border-color:#6d28d9!important;color:#fff}.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:#fc0;border:3px solid #111827;border-radius:1rem;padding:1.125rem 2rem;font-size:1.4rem;font-weight:900;color:#111827;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 6px #cc9f00,0 8px 16px #0003;transition:all .2s ease;margin-top:1rem}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 9px #cc9f00,0 12px 24px #00000040}.primary-btn:active{transform:translateY(2px);box-shadow:0 2px #cc9f00,0 4px 8px #0003}.primary-btn.disabled,.primary-btn:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.primary-btn.large{width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem;margin-bottom:.75rem;border:3px solid #111827}.primary-btn.large.white{width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem;margin-bottom:.75rem;border:3px solid #e5e7eb;background:#fff;color:#374151;font-weight:700;box-shadow:0 4px #0000001a;text-transform:uppercase;letter-spacing:.05em;transition:all .1s;border-radius:1rem}.primary-btn{border-radius:1rem}.primary-btn.large.white:hover{border-color:#d1d5db;background:#f3f4f6;color:#111827;transform:translateY(-2px);box-shadow:0 6px #0000001a}.primary-btn.large.white:active{transform:translateY(2px);box-shadow:0 0 #0000001a}.primary-btn.large{display:block;margin-left:auto;margin-right:auto}.section .primary-btn.large,.progress-card .primary-btn.large{display:block;width:100%;margin-left:0;margin-right:0}.question-actions .primary-btn{margin-top:0;max-width:none}.primary-btn.ll-bug-action{padding:.5rem}.primary-btn.ll-bug-action .ll-bug-icon{width:1.5rem;height:1.5rem;display:block}.ll-icon-pill-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid #dde3ee;background:#fff;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);padding:.875rem 1rem;box-shadow:var(--shadow-xs)}.ll-icon-pill-btn:hover{background-color:#0b3b7814;border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ll-icon-pill-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:default;box-shadow:none;transform:none}.ll-icon-pill-btn .ll-bug-icon{width:1.2rem;height:1.2rem;display:block}.ll-bug-pill{width:100%;border-radius:10px;border:2px solid rgba(0,0,0,.12);background:#ffffffd9;cursor:pointer;min-height:3.6rem;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-xs)}.ll-bug-pill:hover{background:#eef2ff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.ll-bug-pill:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.ll-bug-pill .ll-bug-icon{width:1.5rem;height:1.5rem;display:block}.helper-text{font-size:.875rem;color:#6b7280;margin-top:.25rem}.hint{font-size:.875rem;color:#6b7280;margin-top:.5rem;text-align:center}.question-card,.result-card,.summary-card{width:100%;margin:1.5rem auto;padding:1rem 1rem 1.25rem;background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal)}.question-card{background-color:#fff;border-radius:var(--card-radius)}.question-lemma{font-size:1rem;color:#6b7280;margin-bottom:.375rem}.question-form-box{border-radius:10px;border:3px solid var(--blue);padding:.875rem 1.125rem;margin-bottom:1.125rem;box-shadow:var(--shadow-xs)}.question-form{font-size:2.5rem;font-weight:700;text-align:center}.choice-group{margin-bottom:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px}.choice-label{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.375rem;margin-top:.375rem}.choice-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.choice-btn{flex:0 1 calc(33.333% - .75rem);padding:.5rem;border-radius:10px;border:2px solid #c7d2fe;background-color:#f5f3ff;color:#111827;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.choice-btn:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.choice-btn.case-Nom{border:2px solid var(--case-nom);background-color:#fff;color:#111827;font-weight:600}.choice-btn.case-Nom:hover{background-color:var(--case-nom-bg);border-width:3px}.choice-btn.case-Gen{border:2px solid var(--case-gen);background-color:#fff;color:#111827;font-weight:600}.choice-btn.case-Gen:hover{background-color:var(--case-gen-bg);border-width:3px}.choice-btn.case-Dat{border:2px solid var(--case-dat);background-color:#fff;color:#111827;font-weight:600}.choice-btn.case-Dat:hover{background-color:var(--case-dat-bg);border-width:3px}.choice-btn.case-Akk{border:2px solid var(--case-akk);background-color:#fff;color:#111827;font-weight:600}.choice-btn.case-Akk:hover{background-color:var(--case-akk-bg);border-width:3px}.choice-btn.case-Abl{border:2px solid var(--case-abl);background-color:#fff;color:#111827;font-weight:600}.choice-btn.case-Abl:hover{background-color:var(--case-abl-bg);border-width:3px}.choice-btn.case-Voc{border:2px solid var(--case-voc);background-color:#fff;color:#111827;font-weight:600}.choice-btn.case-Voc:hover{background-color:var(--case-voc-bg);border-width:3px}.choice-btn.selected{border:3px solid #7c3aed;background-color:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed66;font-weight:600}.choice-btn.correct{background-color:var(--green);border:3px solid var(--green);color:#fff;box-shadow:0 4px 12px #1a8f3a4d}.choice-btn.wrong{background-color:var(--red);border:3px solid var(--red);color:#fff;box-shadow:0 4px 12px #c8102e4d}.result-lemma{font-size:1rem;color:#6b7280;margin-bottom:.375rem}.result-form-box{border-radius:10px;border:3px solid var(--blue);padding:.875rem 1.125rem;margin-bottom:1.125rem;box-shadow:var(--shadow-xs)}.result-form{border-radius:1.375rem;border:3px solid var(--blue);padding:.875rem 1.125rem;margin-bottom:1.125rem;font-size:2.5rem;font-weight:700;text-align:center;box-shadow:var(--shadow-xs)}.result-explain{border-radius:1.375rem;border:3px solid var(--blue);padding:.875rem 1rem;margin-bottom:0;box-shadow:var(--shadow-xs)}.result-status{font-size:1.6rem;font-weight:600;text-align:center;margin-bottom:.25rem}.result-status.correct{color:#15803d}.result-status.wrong{color:#b91c1c}.result-correct-title{font-size:.95rem;font-weight:600;margin:.5em;padding:0;text-align:center}.result-correct-list{margin:.5em;padding:0;list-style:none;text-align:center}.result-correct-line+.result-correct-line{margin-top:.15rem}.result-correct-line li{margin:0;padding:0;list-style:none}.result-meta{font-size:.9rem;color:#111827;margin:0;padding:.5rem 0rem;text-align:left}.result-example{text-align:left;font-style:italic;font-size:1.1rem;margin-bottom:.25em;color:#000}.result-hints{list-style:none;font-size:.8rem;color:#222;text-align:left;margin-bottom:0}.result-form.case-nom,.result-explain.case-nom{border:3px solid var(--case-nom)}.result-form.case-gen,.result-explain.case-gen{border:3px solid var(--case-gen)}.result-form.case-dat,.result-explain.case-dat{border:3px solid var(--case-dat)}.result-form.case-akk,.result-explain.case-akk{border:3px solid var(--case-akk)}.result-form.case-abl,.result-explain.case-abl{border:3px solid var(--case-abl)}.result-form.case-voc,.result-explain.case-voc{border:3px solid var(--case-voc)}.paradigm-box{margin-top:1.25rem;padding:1rem;border-radius:1.125rem;border:.1875rem solid #0f5a52;background:#e9f7f6}.paradigm-title{font-weight:700;font-size:1.1rem;margin-bottom:.75rem;color:#0f5a52;text-align:left}.paradigm-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:1rem}.paradigm-table th,.paradigm-table td{padding:.375rem .5rem;vertical-align:top;white-space:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.96rem;text-align:left}.paradigm-table th{text-align:left;color:#0b3c38}.paradigm-table tr+tr{border-top:.0625rem solid rgba(0,0,0,.08)}.paradigm-table .col-case{width:20%}.paradigm-table .col-sing,.paradigm-table .col-plur{width:40%}.paradigm-table td.col-case,.paradigm-table th.col-case{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-page{text-align:center}.quiz-motivation{padding:0;margin:0}.summary-card{background:#fff;border-radius:1.5rem;padding:1.5rem 1.5rem 1.75rem;box-shadow:0 .5rem 1.5rem #0000000f;margin:1.5rem auto;width:100%}.summary-header{width:100%;margin:1rem auto 1.5rem;text-align:center}.summary-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.summary-text{font-size:1.125rem;color:#374151;margin-bottom:.5rem}.summary-feedback{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.summary-card .summary-lemma{text-align:center;font-size:.9rem;color:#6b7280;margin-bottom:.25rem;display:none}.summary-card .summary-form{text-align:center;font-size:1.4rem;font-weight:700;margin:.25rem 0 .75rem}.summary-card .summary-status{text-align:center;font-size:1.05rem;font-weight:700;margin-bottom:.75rem}.summary-card .summary-status.correct{color:#15803d}.summary-card .summary-status.wrong{color:#b91c1c}.summary-card .summary-meta{font-size:.9rem;margin-top:.75rem;background:#fffbea;border:.125rem solid #facc15;border-radius:.9rem;padding:.75rem 1rem}.summary-card .summary-correct-title{text-align:center;font-size:1rem;font-weight:700;margin-bottom:.25rem;display:none}.summary-card .summary-correct-line{text-align:center;font-size:.95rem;margin-bottom:.2rem}.summary-actions{width:100%;margin:2rem auto 0;display:flex;gap:1rem;justify-content:center}.syntax-start-container{width:100%;padding:1rem;box-sizing:border-box}.syntax-start-title{margin-top:0;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.syntax-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.syntax-tab{padding:.5rem;border-radius:10px;border:.125rem solid rgba(0,0,0,.12);background:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:center}.syntax-tab-free{background:#f6e8ff}.syntax-tab-path{background:#e8f1ff}.syntax-tab-progress{background:#fff6e8}.syntax-tab-active{border-color:#0b2f6a;font-weight:700;transform:translateY(-.0625rem);box-shadow:0 .25rem .5rem #0000001f}.syntax-tab-content{width:100%;min-height:20rem}.syntax-tab-content-free{background:#f6e8ff}.syntax-tab-content-path{background:#e8f1ff}.syntax-content-title{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.syntax-progress-list{display:grid;gap:.3rem}.syntax-progress-list .progress-container{border-bottom:.0625rem solid rgba(255,255,255,.5);padding-bottom:.5rem}.syntax-progress-list .progress-container:last-child{border-bottom:none;padding-bottom:0}.syntax-area-btn{font-size:.85em}.sub-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 1rem;border-bottom:.0625rem solid rgba(255,255,255,.12)}.syntax-subbar-back{width:auto!important;min-width:unset!important;flex:0 0 auto!important}.sub-top-bar-left,.sub-top-bar-right{min-width:6rem;display:flex;justify-content:flex-end}.sub-top-bar-center{flex:1;text-align:center;font-weight:600;color:#fff}.sub-top-bar button,.sub-top-bar .pill-btn,.sub-top-bar .pill-btn.selected{background:#fff!important;color:#7c3aed!important;border:2px solid white!important;border-radius:1.5rem;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all .2s}.sub-top-bar button:hover,.sub-top-bar .pill-btn:hover{background:#ffffffe6!important;transform:translateY(-1px)}.sub-top-bar button:active,.sub-top-bar .pill-btn:active{background:#fffc!important}.content.syntax-fullscreen{display:flex;flex-direction:column;flex:1;min-height:0}.syntax-quiz-fullscreen{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow-x:hidden;background:#00000014;padding-top:.75rem}.syntax-quiz-card{margin-top:0;display:flex;flex-direction:column;padding:0;position:relative;min-height:calc(100vh - 200px)}@media(min-width:768px){.syntax-quiz-card{padding:0 1rem;max-width:var(--card-max);width:100%;margin:0 auto}}.syntax-quiz-left{min-width:0;padding:1.25rem;background:#fff;border-radius:1.75rem 1.75rem 0 0;box-shadow:0 -4px 32px #00000026}.dark-mode .syntax-quiz-left{background:#1f2937}.syntax-quiz-right{min-width:0}.words-grid{display:flex;flex-wrap:wrap;gap:.65rem;padding-bottom:.75rem}.word-chunk{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0}.word-text{background:#fff;border:3px solid #e5e7eb;border-radius:.75rem;padding:.75rem .5rem .4rem;font-size:1.05rem;font-weight:800;color:#111827;cursor:pointer;transition:all .2s;text-align:center;min-width:0;width:100%;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.3rem;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.dark-mode .word-text{background:#374151;border-color:#4b5563;color:#f3f4f6}.word-text:hover{border-color:#7c3aed;background:#faf5ff}.dark-mode .word-text:hover{background:#7c3aed26;border-color:#8b5cf6}.word-text.active{border-color:#7c3aed;background:#faf5ff;box-shadow:0 4px 12px #7c3aed40;transform:scale(1.03)}.dark-mode .word-text.active{background:#7c3aed33;border-color:#8b5cf6}.word-role{font-size:.75rem;font-weight:700;color:#9ca3af;background:#f3f4f6;padding:.25rem .4rem;border-radius:0;cursor:pointer;transition:all .2s;text-align:center;width:100%;overflow:hidden;white-space:normal;word-break:break-word;line-height:1.3}.dark-mode .word-role{background:#374151;color:#9ca3af}.word-role:not(:empty){color:#7c3aed;background:#ede9fe}.dark-mode .word-role:not(:empty){color:#a78bfa;background:#7c3aed26}.word-text.eval-correct{border-color:#10b981!important;background:#10b98114}.word-text.eval-partial{border-color:#f59e0b!important;background:#f59e0b14}.word-text.eval-incorrect{border-color:#ef4444!important;background:#ef444414}.word-role.eval-correct{background:#d1fae5;color:#059669}.word-role.eval-partial{background:#fef3c7;color:#d97706}.word-role.eval-incorrect{background:#fee2e2;color:#dc2626}.nebensatz{display:flex;flex-wrap:wrap;gap:.65rem;background:#7c3aed0f;border:2px dashed rgba(124,58,237,.25);border-radius:.75rem;padding:.5rem}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:1.75rem 1.75rem 0 0;box-shadow:0 -8px 32px #00000040;height:40vh;display:flex;flex-direction:column;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-sheet.active{transform:translateY(0)}.bottom-sheet.sheet-tall{height:55vh}.dark-mode .bottom-sheet{background:#1f2937;box-shadow:0 -8px 32px #00000080}.sheet-handle{width:3rem;height:.25rem;background:#d1d5db;border-radius:999px;margin:.75rem auto;flex-shrink:0}.dark-mode .sheet-handle{background:#4b5563}.sheet-content{flex:1;overflow-y:auto;padding:0 1.25rem 1.25rem}.sheet-title{font-size:1.25rem;font-weight:900;text-align:center;margin-bottom:1rem;color:#111827}.dark-mode .sheet-title{color:#f9fafb}.back-link{text-align:center;padding:.5rem 0 .75rem;border-bottom:2px solid #e5e7eb;margin-bottom:.75rem}.back-link a{font-size:.95rem;font-weight:700;color:#7c3aed;text-decoration:none;cursor:pointer}.back-link a:hover{text-decoration:underline}.dark-mode .back-link{border-bottom-color:#374151}.dark-mode .back-link a{color:#a78bfa}.satzart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.5rem}.satzart-btn{background:#fff;border:3px solid #7c3aed;color:#7c3aed;border-radius:.75rem;padding:.875rem .5rem;font-size:.95rem;font-weight:800;text-align:center;cursor:pointer;transition:all .2s;min-height:3rem}.satzart-btn:hover{background:#faf5ff}.satzart-btn.selected{background:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.dark-mode .satzart-btn{background:#1f2937;border-color:#a78bfa;color:#a78bfa}.dark-mode .satzart-btn.selected{background:#7c3aed;color:#fff}.accordion{margin-bottom:.75rem}.accordion-header{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.accordion-header:hover{background:#f3f4f6}.accordion-header.active{background:#ede9fe;border-color:#7c3aed}.accordion-title{font-size:1rem;font-weight:800;color:#111827}.accordion-icon{font-size:1.1rem;color:#6b7280;transition:transform .2s}.accordion-header.active .accordion-icon{transform:rotate(180deg);color:#7c3aed}.accordion-content{display:none;padding:.75rem 0 0}.accordion-content.active{display:block}.dark-mode .accordion-header{background:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode .accordion-header.active{background:#7c3aed26;border-color:#a78bfa}.dark-mode .accordion-title{color:#f9fafb}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.satzglied-btn{background:#fff;border:3px solid #7c3aed;color:#7c3aed;border-radius:.75rem;padding:.875rem .5rem;font-size:.95rem;font-weight:800;text-align:center;cursor:pointer;transition:all .2s;min-height:3rem}.satzglied-btn:hover{background:#faf5ff}.satzglied-btn.selected{background:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.satzglied-btn.disabled{opacity:.4;cursor:not-allowed}.dark-mode .satzglied-btn{background:#1f2937;border-color:#a78bfa;color:#a78bfa}.satzglied-btn--subj{border-color:#2f80ed;color:#2f80ed}.satzglied-btn--subj:hover{background:#2f80ed14}.satzglied-btn--subj.selected{background:#2f80ed;color:#fff;box-shadow:0 4px 12px #2f80ed59}.satzglied-btn--pred{border-color:#e53e3e;color:#e53e3e}.satzglied-btn--pred:hover{background:#e53e3e14}.satzglied-btn--pred.selected{background:#e53e3e;color:#fff;box-shadow:0 4px 12px #e53e3e59}.satzglied-btn--obj-acc{border-color:#14b8a6;color:#14b8a6}.satzglied-btn--obj-acc:hover{background:#14b8a614}.satzglied-btn--obj-acc.selected{background:#14b8a6;color:#fff;box-shadow:0 4px 12px #14b8a659}.satzglied-btn--obj-dat{border-color:#0d9488;color:#0d9488}.satzglied-btn--obj-dat:hover{background:#0d948814}.satzglied-btn--obj-dat.selected{background:#0d9488;color:#fff;box-shadow:0 4px 12px #0d948859}.satzglied-btn--obj-gen{border-color:#d946ef;color:#d946ef}.satzglied-btn--obj-gen:hover{background:#d946ef14}.satzglied-btn--obj-gen.selected{background:#d946ef;color:#fff;box-shadow:0 4px 12px #d946ef59}.satzglied-btn--obj-abl{border-color:#ea580c;color:#ea580c}.satzglied-btn--obj-abl:hover{background:#ea580c14}.satzglied-btn--obj-abl.selected{background:#ea580c;color:#fff;box-shadow:0 4px 12px #ea580c59}.satzglied-btn--adv{border-color:#f59e0b;color:#b45309}.satzglied-btn--adv:hover{background:#f59e0b14}.satzglied-btn--adv.selected{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b59}.satzglied-btn--pp{border-color:#16a085;color:#16a085}.satzglied-btn--pp:hover{background:#16a08514}.satzglied-btn--pp.selected{background:#16a085;color:#fff;box-shadow:0 4px 12px #16a08559}.satzglied-btn--part{border-color:#8e44ad;color:#8e44ad}.satzglied-btn--part:hover{background:#8e44ad14}.satzglied-btn--part.selected{background:#8e44ad;color:#fff;box-shadow:0 4px 12px #8e44ad59}.satzglied-btn--voc{border-color:#f59e0b;color:#b45309}.satzglied-btn--voc:hover{background:#f59e0b14}.satzglied-btn--voc.selected{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b59}.syntax-word-box.role-subj{border-color:#2f80ed!important;background:#2f80ed14}.syntax-word-box.role-pred,.syntax-word-box.role-predic{border-color:#e53e3e!important;background:#e53e3e14}.syntax-word-box.role-obj-acc{border-color:#14b8a6!important;background:#14b8a614}.syntax-word-box.role-obj-dat{border-color:#0d9488!important;background:#0d948814}.syntax-word-box.role-obj-gen{border-color:#d946ef!important;background:#d946ef14}.syntax-word-box.role-obj-abl{border-color:#ea580c!important;background:#ea580c14}.syntax-word-box.role-adv{border-color:#f59e0b!important;background:#f59e0b14}.syntax-word-box.role-pp{border-color:#16a085!important;background:#16a08514}.syntax-word-box.role-part{border-color:#8e44ad!important;background:#8e44ad14}.syntax-word-box.role-voc{border-color:#f59e0b!important;background:#f59e0b14}.syntax-assign-box.role-subj{border-color:#2f80ed!important;background:#2f80ed1a}.syntax-assign-box.role-pred,.syntax-assign-box.role-predic{border-color:#e53e3e!important;background:#e53e3e1a}.syntax-assign-box.role-obj-acc{border-color:#14b8a6!important;background:#14b8a61a}.syntax-assign-box.role-obj-dat{border-color:#0d9488!important;background:#0d94881a}.syntax-assign-box.role-obj-gen{border-color:#d946ef!important;background:#d946ef1a}.syntax-assign-box.role-obj-abl{border-color:#ea580c!important;background:#ea580c1a}.syntax-assign-box.role-adv{border-color:#f59e0b!important;background:#f59e0b1a}.syntax-assign-box.role-pp{border-color:#16a085!important;background:#16a0851a}.syntax-assign-box.role-part{border-color:#8e44ad!important;background:#8e44ad1a}.syntax-assign-box.role-voc{border-color:#f59e0b!important;background:#f59e0b1a}.paradigm-ending-nom{color:#2f80ed}.paradigm-ending-gen{color:#d946ef}.paradigm-ending-dat{color:#0d9488}.paradigm-ending-akk{color:#14b8a6}.paradigm-ending-abl{color:#ea580c}.paradigm-ending-voc{color:#f59e0b}.latin-text,.latin-example-text,.vocab-latin,.paradigm-form{letter-spacing:.03em}.wordtype-pill{display:inline-block;font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:.3rem;line-height:1.4;vertical-align:middle;margin-left:.3rem}@media(min-width:768px){.bottom-sheet{max-width:28.75rem;left:50%;transform:translate(-50%)}.bottom-sheet.active{transform:translate(-50%) translateY(0)}}.syntax-hint-box{background:#eff6ff;border:2px solid #bfdbfe;border-radius:.75rem;padding:1rem 1.25rem;margin-top:1rem;margin-bottom:.5rem}.dark-mode .syntax-hint-box{background:#3b82f614;border-color:#3b82f640}.syntax-hint-box h4{font-size:.95rem;font-weight:800;color:#1e40af;margin-bottom:.5rem}.dark-mode .syntax-hint-box h4{color:#93c5fd}.syntax-hint-box ul{margin:0;padding-left:1.25rem;color:#1e3a5f;font-size:.9rem;line-height:1.6}.dark-mode .syntax-hint-box ul{color:#bfdbfe}.syntax-hint-box li{margin-bottom:.25rem}.syntax-sentence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;align-items:stretch}.syntax-word-box{border:3px solid #e5e7eb;border-radius:.75rem;padding:.75rem .5rem .5rem!important;text-align:center;background:#fff;font-weight:800;min-width:0;width:100%;cursor:pointer;transition:all var(--transition-fast);-webkit-hyphens:none;hyphens:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;word-break:break-word;overflow-wrap:break-word}.syntax-word-box.active{border-color:#0000008c;background:#00000008}.syntax-word-box.disabled{opacity:.5;cursor:not-allowed}.syntax-word-box.eval-correct,.syntax-assign-box.eval-correct{border-color:#27ae60!important;border-width:.15rem!important;background:#27ae600d}.syntax-word-box.eval-partial,.syntax-assign-box.eval-partial{border-color:#f39c12!important;border-width:.15rem!important;background:#f39c120d}.syntax-word-box.eval-incorrect,.syntax-assign-box.eval-incorrect{border-color:#e74c3c!important;border-width:.15rem!important;background:#e74c3c0d}.syntax-word-box.clause-highlighted{background:#8e44ad1f;border-color:var(--clause-part);border-width:.15rem;box-shadow:0 0 0 2px #8e44ad26}.syntax-word-box-subj{border-color:var(--case-nom);border-width:.15rem;background-color:#2f80ed14}.syntax-word-box-pred{border-color:var(--clause-pred);border-width:.15rem;background-color:#34495e0f}.syntax-word-box-obj,.syntax-word-box-obj-acc{border-color:var(--case-akk);border-width:.15rem;background-color:#eb575714}.syntax-word-box-obj-dat{border-color:var(--case-dat);border-width:.15rem;background-color:#27ae6014}.syntax-word-box-obj-gen{border-color:var(--case-gen);border-width:.15rem;background-color:#9b51e014}.syntax-word-box-obj-abl{border-color:var(--case-abl);border-width:.15rem;background-color:#f2994a14}.syntax-word-box-pp{border-color:var(--clause-pp);border-width:.15rem;background-color:#16a08514}.syntax-word-box-adv{border-color:var(--clause-adv);border-width:.15rem;background-color:#7f8c8d14}.syntax-word-box-subclause{border-color:#607d8b99;border-width:.15rem;background-color:#607d8b14}.syntax-assign-box{border:.1rem solid rgba(0,0,0,.15);border-radius:0rem;padding:.5rem 0rem;text-align:left;min-width:0;display:flex;justify-content:space-between;gap:.6rem;align-items:center;cursor:pointer;transition:all var(--transition-fast);-webkit-hyphens:auto;hyphens:auto}.syntax-assign-box.active{border-color:#0000008c;background:#7c3aed!important;color:#fff;font-weight:500}.syntax-assign-box.active.role-subj{background:#2f80ed!important;border-color:#2f80ed!important;color:#fff}.syntax-assign-box.active.role-pred,.syntax-assign-box.active.role-predic{background:#e53e3e!important;border-color:#e53e3e!important;color:#fff}.syntax-assign-box.active.role-obj-acc{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff}.syntax-assign-box.active.role-obj-dat{background:#0d9488!important;border-color:#0d9488!important;color:#fff}.syntax-assign-box.active.role-obj-gen{background:#d946ef!important;border-color:#d946ef!important;color:#fff}.syntax-assign-box.active.role-obj-abl{background:#ea580c!important;border-color:#ea580c!important;color:#fff}.syntax-assign-box.active.role-adv{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff}.syntax-assign-box.active.role-pp{background:#16a085!important;border-color:#16a085!important;color:#fff}.syntax-assign-box.active.role-part{background:#8e44ad!important;border-color:#8e44ad!important;color:#fff}.syntax-assign-box.active.role-voc{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff}.syntax-assign-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.syntax-clear-btn{border:.1rem solid rgba(0,0,0,.15);border-radius:999rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;font-weight:900;cursor:pointer;flex:0 0 auto;transition:all var(--transition-fast);padding:.4rem .5rem}.syntax-clear-btn:hover{background:#0000000d}.syntax-primary-btn{margin-top:1rem;width:100%;padding:.5rem;border-radius:10px;border:.12rem solid rgba(0,0,0,.18);background:#00000008;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.syntax-primary-btn:disabled{background:#0000000a;cursor:not-allowed;opacity:.6}.syntax-primary-btn:not(:disabled):hover{background:#0000000f;box-shadow:0 .125rem .375rem #0000001f}.syntax-pill-subj,.syntax-pill-drag-subj{border-color:var(--case-nom);border-width:.15rem}.syntax-pill-pred,.syntax-pill-drag-pred{border-color:var(--clause-pred);border-width:.15rem}.syntax-pill-obj,.syntax-pill-drag-obj,.syntax-pill-obj-acc,.syntax-pill-drag-obj-acc{border-color:var(--case-akk);border-width:.15rem}.syntax-pill-obj-dat,.syntax-pill-drag-obj-dat{border-color:var(--case-dat);border-width:.15rem}.syntax-pill-obj-gen,.syntax-pill-drag-obj-gen{border-color:var(--case-gen);border-width:.15rem}.syntax-pill-obj-abl,.syntax-pill-drag-obj-abl{border-color:var(--case-abl);border-width:.15rem}.syntax-pill-pp,.syntax-pill-drag-pp{border-color:var(--clause-pp);border-width:.15rem}.syntax-pill-adv,.syntax-pill-drag-adv{border-color:var(--clause-adv);border-width:.15rem}.syntax-pill-conj,.syntax-pill-drag-conj{border-color:var(--clause-conj);border-width:.15rem}.syntax-pill-part,.syntax-pill-drag-part{border-color:var(--clause-part);border-width:.15rem}.syntax-pill-subclause,.syntax-pill-drag-subclause{border-color:#607d8b99;border-width:.15rem}.syntax-pill-drag{width:100%;text-align:center;padding:.75rem 1rem;border-radius:1.5rem;border:.125rem solid #dde3ee;background:#fff;font-size:.95rem;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);margin-bottom:.5rem}.syntax-pill-drag.active{border-color:#0b2f6a;background:#00000008}.syntax-pill-drag:hover{background:#00000005}.syntax-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.syntax-pane-container{padding:1rem;border-radius:1rem;background:#fff6e8;transition:background var(--transition-fast)}.syntax-pane-container.syntax-pane-filled{background:#c8f5d4}.syntax-hint-box{margin-top:1rem;border-top:.12rem solid rgba(0,0,0,.08);padding-top:.8rem}.syntax-hint-title{margin:0;margin-bottom:.4rem}.syntax-hint-list{margin-top:.4rem;padding-left:1.2rem}.syntax-small{opacity:.75;font-size:.95rem}.syntax-translation{font-size:1.1rem}.syntax-time-warning{margin-bottom:.8rem;padding:.7rem .9rem;border-radius:.9rem;border:.12rem solid rgba(0,0,0,.12);background:#00000008;font-weight:700}.ll-feedback-form{display:flex;justify-content:center}.ll-feedback-form-inner{display:grid;gap:1.25rem;width:100%}.ll-field{display:block}.ll-field-label{display:block;font-size:1rem;font-weight:800;color:#111827;margin-bottom:.5rem}.ll-feedback-form textarea,.ll-feedback-form input,.ll-feedback-form select{width:100%}.ll-feedback-context{padding:.875rem 1rem;border-radius:.75rem;background:#f9fafb;border:2px solid #e5e7eb;font-size:.9rem;color:#6b7280;line-height:1.6}.ll-context-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.ll-context-item:last-child{margin-bottom:0}.ll-context-label{font-weight:700;color:#111827}.ll-field-hint{font-size:.85rem;color:#6b7280;margin-top:.4rem}.ll-feedback-context-title{font-weight:800;margin-bottom:.35rem}.ll-feedback-status{font-size:.95rem}.ll-quiz-actions{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;align-items:stretch}.ll-quiz-actions .ll-bug-btn{width:100%;display:inline-flex;align-items:center;justify-content:center}.ll-bug-icon{width:1.4rem;height:1.4rem;display:block}.ll-message-nav{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ll-message-nav-count{font-size:.9rem;opacity:.8;min-width:4.5rem;text-align:center}.question-actions.ll-actions-grid{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;align-items:stretch;padding-top:16px}.ll-bug-btn{width:100%;display:inline-flex;align-items:center;justify-content:center}.ll-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.ll-modal{width:min(26rem,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0006}.ll-modal-header{padding:1.5rem 1.25rem 1rem;border-bottom:2px solid #e5e7eb}.ll-modal-title{font-weight:900;font-size:1.4rem;color:#111827;text-align:center}.ll-modal-close{border:none;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.ll-modal-body{padding:1.25rem}.ll-modal-body label,.ll-modal-body .ll-field-label{font-weight:800;font-size:1rem;color:#111827}.ll-modal-body select,.ll-modal-body input,.ll-modal-body textarea{width:100%;border-radius:.75rem;border:2px solid #d1d5db;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#111827;background:#fff;outline:none;transition:all var(--transition-fast)}.ll-modal-body textarea{border-radius:.75rem;min-height:6rem;resize:vertical}.ll-modal-body select:focus,.ll-modal-body input:focus,.ll-modal-body textarea:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem #0b3b781f}.ll-feedback-context-box{margin-top:1rem;padding:1rem;border-radius:1.25rem;background:#0000000a}.ll-modal-footer{padding:1rem 1.25rem 1.5rem;display:flex;gap:.75rem}.ll-modal-footer .primary-btn{flex:1}.ll-modal-btn-primary{flex:1!important;padding:1rem 1.5rem!important;font-size:1.1rem!important;border-radius:.75rem!important;margin:0!important;box-shadow:0 4px #cc9f00,0 6px 12px #0003!important;height:auto!important}.ll-modal-btn-primary:active{box-shadow:0 2px #cc9f00,0 4px 8px #00000026!important}.ll-modal-btn-secondary{display:inline-flex;align-items:center;justify-content:center;flex:1;padding:1rem 1.5rem;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-radius:.75rem;cursor:pointer;transition:all .2s ease;background:#fff;border:2px solid #d1d5db;color:#6b7280;box-shadow:none;margin:0}.ll-modal-btn-secondary:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.ll-modal-btn-secondary:not(:disabled):hover{background:#f9fafb}.ll-message-footer{display:flex;gap:.75rem;align-items:center;justify-content:flex-end}.ll-message-footer .primary-btn{margin-top:0;width:auto}.endung{color:var(--red);font-weight:700}.endung-match{color:var(--green);font-weight:bolder}.lernhinweise{list-style:none;padding-left:0;margin:.5rem 0 0;text-align:left;font-size:.9rem;color:#555}.lernhinweise li{margin-bottom:.25rem}@media(max-width:40rem){.content{width:100%}.question-card,.result-card,.summary-card{width:100%;max-width:100%;margin-left:0;margin-right:0;border-radius:1.25rem}.choice-btn{flex:0 1 calc(33.333% - .75rem);min-width:5.5rem}.lemma-btn,.pill-btn,.choice-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paradigm-table .col-case{width:20%}.paradigm-table .col-sing,.paradigm-table .col-plur{width:40%}.paradigm-table td.col-case,.paradigm-table th.col-case{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:26.25rem){.paradigm-table .col-case{width:30%}.paradigm-table .col-sing,.paradigm-table .col-plur{width:35%}.ll-message-footer{flex-direction:column;align-items:stretch}.ll-message-footer .primary-btn{width:100%}}.syntax-guided-flow{display:flex;flex-direction:column;gap:1rem}.guided-flow-header{padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.guided-flow-previous{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:#78beff14;border-radius:.5rem}.guided-flow-previous-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.guided-flow-checkmark{color:#27ae60;font-weight:700}.guided-flow-change-btn{margin-left:auto;padding:.2rem .5rem;background:none;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;cursor:pointer;font-size:1.2rem;line-height:1;color:#e74c3c}.guided-flow-change-btn:hover{background-color:#e74c3c1a;border-color:#e74c3c}.guided-flow-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.guided-flow-options button{border:2px solid #6d28d9!important;border-radius:1rem!important;margin-bottom:.5rem!important;padding:.8rem .2rem!important;background:#fff;color:#111827;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.guided-flow-options button:hover{background:#6d28d90d;transform:translateY(-1px)}.guided-flow-options button.selected{background:#6d28d9;color:#fff;border-color:#6d28d9!important}.guided-flow-options.person-numerus{grid-template-columns:repeat(2,1fr)}.guided-flow-footer{padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.guided-flow-footer-btn{border:2px solid #6d28d9!important;border-radius:1rem!important;margin-bottom:.5rem!important;padding:.8rem .2rem!important;background:#fff;color:#6d28d9;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.guided-flow-footer-btn:hover{background:#6d28d90d;transform:translateY(-1px)}.guided-flow-footer-btn.primary{background:#6d28d9;color:#fff;border-color:#6d28d9!important}.guided-flow-footer-btn.primary:hover{background:#5b21b6}.guided-flow-footer button{flex:1}.guided-flow-edit-list{display:flex;flex-direction:column;gap:.75rem}.guided-flow-edit-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#00000005;border-radius:.5rem;border:1px solid rgba(0,0,0,.1)}.guided-flow-edit-label{font-weight:600;color:#555}.guided-flow-edit-value{display:flex;align-items:center;gap:.5rem}.satzglieder-group{margin-bottom:.5rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden}.satzglieder-group-header{width:100%;background:#00000005;border:none;padding:.4rem .5rem;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:background .2s}.satzglieder-group-header:hover{background:#0000000d}.satzglieder-group-icon{font-size:.8rem;color:#666;width:.8rem;display:inline-block}.satzglieder-group-title{margin:0;font-size:.9rem;font-weight:600;color:#333}.satzglieder-group-content{padding:.2rem}.satzglieder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.satzglieder-grid-full{grid-column:1 / -1}.satzglieder-group{border:1px solid rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden}.satzglieder-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#00000008;cursor:pointer;-webkit-user-select:none;user-select:none}.satzglieder-group-header:hover{background-color:#0000000d}.satzglieder-group-title{font-weight:700}.satzglieder-group-icon{transition:transform .2s}.satzglieder-group-icon.open{transform:rotate(90deg)}.satzglieder-group-content{padding:.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.satzglieder-group-content.collapsed{display:none}.hamburger-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.hamburger-btn:active{background:#ffffff4d}.sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:#fff;box-shadow:4px 0 12px #0003;transition:left .3s ease;z-index:1000;overflow-y:auto}.sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.sidebar-overlay.show{display:block}.sidebar-header{background:var(--gradient-primary);color:#fff;padding:60px 1rem 1rem;font-size:1.25rem;font-weight:700;position:relative}.sidebar-close{position:absolute;top:50px;right:1rem;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:8px;cursor:pointer}.sidebar-menu{padding:1rem}.sidebar-section{margin-bottom:2rem}.sidebar-section-title{font-size:.875rem;font-weight:700;color:#6b7280;text-transform:uppercase;margin-bottom:.5rem;padding-left:.5rem}.sidebar-item{padding:.75rem 1rem;border-radius:8px;border:none;background:#fff;width:100%;text-align:left;font-size:1rem;font-weight:500;color:#111827;cursor:pointer;margin-bottom:.25rem;transition:background .2s}.sidebar-item:hover{background:#f3f4f6}.sidebar-item.active{background:#7c3aed;color:#fff;font-weight:600}.sidebar-item.settings{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.category-selection-screen{min-height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column}.category-grid-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.category-grid-card{background:#fff;padding:3rem;border-radius:2rem;box-shadow:0 12px 40px #0003;max-width:800px;width:100%}.category-grid-title{text-align:center;font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:2rem;margin-top:0}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.category-card-btn{padding:3rem 2rem;border-radius:1.5rem;border:3px solid #e5e7eb;background:#fff;font-size:1.5rem;font-weight:700;color:#111827;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000014;text-align:center;line-height:1.3}.category-card-btn:hover{border-color:#7c3aed;transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed4d}.category-card-btn:active{transform:translateY(-2px)}@media(max-width:768px){.category-grid-card{padding:2rem}.category-grid-title{font-size:2rem;margin-bottom:1.5rem}.category-grid{gap:1rem}.category-card-btn{padding:2rem 1.5rem;font-size:1.25rem}}@media(max-width:480px){.category-grid-container{padding:1rem}.category-grid-card{padding:1.5rem}.category-grid-title{font-size:1.75rem;margin-bottom:1rem}.category-card-btn{padding:1.5rem 1rem;font-size:1.125rem}}.result-card ul,.result-card ol{margin:.5rem 0;padding-left:1.5rem}.result-card li{margin:.25rem 0;line-height:1.5}.result-card li+li{margin-top:.25rem}.result-sentence{cursor:pointer;padding:.75rem 1rem;border-radius:10px;border:2px solid #e5e7eb;background:#fff;transition:all .2s;margin:1rem 0}.result-sentence:hover{border-color:#7c3aed;background:#7c3aed0d}.result-sentence.active{border-color:#7c3aed;background:#7c3aed14}.syntax-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.syntax-tab-btn{padding:.875rem 1rem;border-radius:1rem;border:2px solid #e5e7eb;background:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;color:#111827;text-align:center;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}.syntax-tab-btn:hover{border-color:#7c3aed;background:#7c3aed0d}.syntax-tab-btn.selected{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.area-btn{padding:.875rem 1rem;border-radius:1.25rem;border:3px solid;background:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;color:#111827;box-shadow:0 2px 8px #0000000d;text-align:center;line-height:1.4;min-height:5.5rem;display:flex;align-items:center;justify-content:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.area-btn:nth-child(3n+1){border-color:#3b82f6}.area-btn:nth-child(3n+1):hover{background:#3b82f61a;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.area-btn:nth-child(3n+1).selected{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f666}.area-btn:nth-child(3n+2){border-color:#10b981}.area-btn:nth-child(3n+2):hover{background:#10b9811a;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.area-btn:nth-child(3n+2).selected{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b98166}.area-btn:nth-child(3n+3){border-color:#f59e0b}.area-btn:nth-child(3n+3):hover{background:#f59e0b1a;border-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.area-btn:nth-child(3n+3).selected{background:#f59e0b;border-color:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b66}.area-btn.full-width{grid-column:1 / -1;border-color:#7c3aed}.area-btn.full-width:hover{background:#7c3aed1a;border-color:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.area-btn.full-width.selected{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed66}.syntax-areas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media(max-width:480px){.syntax-areas-grid{grid-template-columns:1fr}.syntax-tabs{grid-template-columns:1fr;gap:.5rem}}.dark-mode-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s}.dark-mode-toggle:hover{background:#0000000d}.dark-mode-label{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;width:3rem;height:1.75rem;background:#e5e7eb;border-radius:999rem;transition:background .3s;flex-shrink:0}.toggle-switch.active{background:#7c3aed}.toggle-knob{position:absolute;top:.25rem;left:.25rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-knob{transform:translate(1.25rem)}.progress-container{margin-top:1rem;display:grid;gap:1rem}.progress-card{background:#fff;border-radius:1.75rem 1.75rem 0 0;padding:1.5rem 1.25rem;min-height:calc(100vh - 120px);box-shadow:0 -4px 32px #00000026;width:calc(100% - 2rem);margin:1rem 1rem 0;box-sizing:border-box}@media(min-width:40rem){.progress-card{max-width:48rem;margin-left:auto;margin-right:auto}}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:3px solid #e5e7eb;padding-bottom:.5rem}.tab-btn{background:transparent;border:none;padding:.5rem .75rem;font-size:1rem;font-weight:700;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-.5rem;transition:all .2s;appearance:none;-webkit-appearance:none;outline:none}.tab-btn.active{color:#7c3aed;border-bottom-color:#7c3aed}.area-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.syntax-start-screen>.area-list{width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem;box-sizing:border-box}.area-card{background:#fff;border:3px solid #e5e7eb;border-radius:1rem;padding:1rem;cursor:default;transition:all .2s;position:relative}.area-card:hover{border-color:var(--primary-color, #7c3aed);box-shadow:0 4px 16px #7c3aed26;transform:translateY(-2px)}.area-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:1rem 0 0 1rem;background:#e5e7eb}.area-card.status-learning:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.area-card.status-done:before{background:linear-gradient(135deg,#10b981,#059669)}.area-card.status-locked:before,.area-card.status-locked{background:#d1d5db;opacity:.5;cursor:not-allowed;pointer-events:none}.area-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.area-title{font-size:1.15rem;font-weight:900;color:#111827;line-height:1.3;flex:1;margin-bottom:0}.area-status{font-size:1.5rem;line-height:1}.area-progress{margin-bottom:.5rem}.progress-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:#6b7280;margin-bottom:.4rem}.progress-bar{width:100%;height:.5rem;background:#e5e7eb;border-radius:999px;overflow:hidden;position:relative}.progress-seen{position:absolute;height:100%;background:#bfdbfe;width:0%}.progress-mastered{position:absolute;height:100%;background:linear-gradient(90deg,#10b981,#059669);width:0%}.progress-today{position:absolute;height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);width:0%}.area-stats{display:flex;gap:.75rem;font-size:.85rem;color:#6b7280;margin-bottom:.5rem}.stat{display:flex;align-items:center;gap:.25rem;font-weight:600}.stat strong{color:#111827;font-weight:800}.area-actions{display:flex;gap:.5rem;pointer-events:auto}.action-btn{flex:1;background:#fff;border:2px solid var(--primary-color, #7c3aed);color:var(--primary-color, #7c3aed);border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.action-btn:hover{background:#faf5ff}.action-btn.primary{background:var(--primary-color, #7c3aed);color:#fff}.action-btn.primary:hover{background:var(--primary-color-hover, #6d28d9)}.action-btn.done{border-color:#10b981;color:#10b981}.action-btn.done:hover{background:#10b9810d}.syntax-quiz-fullscreen{background:#00000014!important;padding-top:.75rem!important}.sub-bar,.sub-bar *,.sub-bar-center,.sub-bar-left{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.3)!important}.pill-btn{border:2px solid!important;border-color:#6d28d9;background:#fff;border-radius:1rem!important;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:700!important;color:#111827}.pill-btn:hover{border-color:#7c3aed;background:#7c3aed0d}.pill-btn.selected:not(.lemma-btn--group-a):not(.lemma-btn--group-b):not(.lemma-btn--group-c):not(.lemma-btn--group-d):not(.lemma-btn--group-e){background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed4d!important}.pill-btn.lemma-btn--selected.lemma-btn--group-a,.pill-btn.lemma-btn--selected.lemma-btn--group-b,.pill-btn.lemma-btn--selected.lemma-btn--group-c,.pill-btn.lemma-btn--selected.lemma-btn--group-d,.pill-btn.lemma-btn--selected.lemma-btn--group-e{background-color:#6d28d9!important;border-color:#6d28d9!important;color:#fff!important;font-weight:800!important}.primary-btn.large.white{border:3px solid #a687d8!important;background:#fff!important;margin-bottom:.75rem!important;border-radius:1rem!important}.primary-btn.large.white:hover{border-color:#7c3aed!important;background:#7c3aed0d!important}.active-style{background-color:#6d28d9!important;border-color:#6d28d9!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 12px #7c3aed4d!important}.syntax-word-box{border:2px solid #6d28d9!important;background:#fff;border-radius:1rem!important;margin-bottom:.5rem!important;padding:.8rem .2rem!important;font-weight:700!important;color:#111827!important;cursor:pointer!important;transition:all .2s!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;word-wrap:break-word!important}.syntax-word-box:hover{border-color:#7c3aed!important;background:#7c3aed0d!important}.syntax-word-box.active{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed4d!important}.syntax-word-box.active.role-subj{background:#2f80ed!important;border-color:#2f80ed!important;box-shadow:0 4px 12px #2f80ed4d!important}.syntax-word-box.active.role-pred,.syntax-word-box.active.role-predic{background:#e53e3e!important;border-color:#e53e3e!important;box-shadow:0 4px 12px #e53e3e4d!important}.syntax-word-box.active.role-obj-acc{background:#4f46e5!important;border-color:#4f46e5!important;box-shadow:0 4px 12px #4f46e54d!important}.syntax-word-box.active.role-obj-dat{background:#0d9488!important;border-color:#0d9488!important;box-shadow:0 4px 12px #0d94884d!important}.syntax-word-box.active.role-obj-gen{background:#d946ef!important;border-color:#d946ef!important;box-shadow:0 4px 12px #d946ef4d!important}.syntax-word-box.active.role-obj-abl{background:#ea580c!important;border-color:#ea580c!important;box-shadow:0 4px 12px #ea580c4d!important}.syntax-word-box.active.role-adv{background:#f59e0b!important;border-color:#f59e0b!important;box-shadow:0 4px 12px #f59e0b4d!important}.syntax-word-box.active.role-pp{background:#16a085!important;border-color:#16a085!important;box-shadow:0 4px 12px #16a0854d!important}.syntax-word-box.active.role-part{background:#8e44ad!important;border-color:#8e44ad!important;box-shadow:0 4px 12px #8e44ad4d!important}.syntax-word-box.active.role-voc{background:#f59e0b!important;border-color:#f59e0b!important;box-shadow:0 4px 12px #f59e0b4d!important}:root{--gold: #FFB627;--gold-light: #FFC850;--gold-dark: #E6A020;--gold-shadow: rgba(255, 182, 39, .4)}.syntax-quiz-fullscreen{background:#ffffffd9!important;padding-top:.75rem!important}.content,.card,.syntax-quiz-card,.quiz-content{background:#ffffffd9!important}button:contains("Zurück"),button[onclick*=Zurück],.back-btn,button.pill-btn[style*="width: 100%"]{padding:.5rem 1rem!important;margin-top:.25rem!important;margin-bottom:.25rem!important}.progress-actions .pill-btn,.progress-card button.pill-btn{padding:.75rem 1.5rem!important;font-size:.9rem!important}.progress-action-btn{background:#fff;border:2px solid #e5e7eb;color:#4b5563;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s}.progress-action-btn:hover{border-color:#6d28d9;background:#6d28d90d}.progress-action-btn.active{color:#6d28d9;border-color:#6d28d9}.help-page{padding:1.5rem;max-width:900px;margin:0 auto}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.help-header h1{font-size:2rem;margin:0}.help-nav{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.help-nav-btn{padding:.75rem 1.5rem;border-radius:999rem;border:2px solid #e5e7eb;background:#fff;font-weight:600;cursor:pointer;transition:all .2s}.help-nav-btn:hover{border-color:#7c3aed;background:#7c3aed0d}.help-nav-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.help-content{line-height:1.6}.help-section{margin-bottom:3rem}.feature-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.feature-card h3{margin-top:0;color:#7c3aed}.feature-card ul{margin:1rem 0;padding-left:1.5rem}.feature-card li{margin-bottom:.5rem}.faq-item{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.faq-item h3{margin-top:0;color:#7c3aed}.faq-placeholder{text-align:center;padding:2rem;opacity:.5}.bug-form-placeholder{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:1rem;padding:2rem;text-align:center}.email-link{color:#7c3aed;font-weight:600;text-decoration:none}.email-link:hover{text-decoration:underline}.settings-page{padding:1.5rem;max-width:800px;margin:0 auto;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.settings-header h1{font-size:2rem;margin:0}.settings-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem}@keyframes fadeInAccordion{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.accordion-content{padding-left:.5rem;border-left:2px solid #e5e7eb;margin-left:.5rem;margin-bottom:1rem;animation:fadeInAccordion .3s ease-out}.settings-group-header{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6b7280;letter-spacing:.05em;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.settings-group-header:first-child{margin-top:0}.settings-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.settings-section h2{margin-top:0;margin-bottom:1.5rem;color:#7c3aed}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0}.setting-item:not(:last-child){border-bottom:1px solid #f3f4f6}.setting-info{flex:1}.setting-info strong{display:block;margin-bottom:.5rem;font-size:1.1rem}.setting-info p{margin:.5rem 0;color:#6b7280;font-size:.9rem}.setting-control{flex-shrink:0}.telemetry-details{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;font-size:.9rem}.telemetry-details summary{cursor:pointer;font-weight:600;color:#7c3aed}.telemetry-details ul{margin:.5rem 0;padding-left:1.5rem}.dsgvo-info{background:#f0f9ff!important;border-color:#3b82f6!important}.dsgvo-info h3{color:#3b82f6!important;margin-top:0}.privacy-link{display:inline-block;margin-top:1rem;color:#3b82f6;font-weight:600;text-decoration:none}.privacy-link:hover{text-decoration:underline}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.confirm-dialog h3{margin-top:0;color:#7c3aed}.confirm-content{margin:1.5rem 0;line-height:1.6}.confirm-highlight{background:#f0f9ff;padding:1rem;border-radius:.5rem;border-left:4px solid #3b82f6;margin-top:1rem}.confirm-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary{padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;font-weight:600;cursor:pointer}.btn-secondary:hover{border-color:#7c3aed;background:#7c3aed0d}.about-page{padding:1.5rem;max-width:900px;margin:0 auto}.about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.about-header h1{font-size:2rem;margin:0}.about-content{display:flex;flex-direction:column;gap:2rem}.about-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:2rem}.about-section.hero{text-align:center;background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#7c3aed}.app-logo{font-size:4rem;margin-bottom:1rem}.tagline{font-size:1.2rem;color:#6b7280;margin:1rem 0}.version{color:#9ca3af;font-size:.9rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-highlight{text-align:center;padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:2px solid #e5e7eb}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-highlight h4{margin:.5rem 0;color:#7c3aed}.credits-list,.contact-info{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.credit-item,.contact-item{display:flex;gap:1rem;align-items:center}.tech-stack{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.tech-badge{padding:.5rem 1rem;background:#7c3aed;color:#fff;border-radius:999rem;font-weight:600;font-size:.9rem}.changelog{margin-top:1rem}.changelog-entry{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.changelog-entry:last-child{border-bottom:none}.changelog-entry ul{margin-top:.5rem;padding-left:1.5rem}.changelog-entry li{margin-bottom:.25rem}.about-section.legal{background:#f9fafb;text-align:center}.legal-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.legal-links a{color:#7c3aed;text-decoration:none;font-weight:600}.legal-links a:hover{text-decoration:underline}.copyright{color:#9ca3af;font-size:.9rem;margin:0}.close-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e5e7eb;background:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{border-color:#7c3aed;background:#7c3aed1a;transform:rotate(90deg)}@media(max-width:768px){.help-page,.settings-page,.about-page{padding:1rem}.help-header,.settings-header,.about-header{flex-direction:column;align-items:flex-start;gap:1rem}.setting-item{flex-direction:column;align-items:flex-start}.features-grid{grid-template-columns:1fr}}.syntax-pill{border:2px solid #E6A020!important;background:#fff!important;border-radius:1rem!important;margin-bottom:.5rem!important;padding:.55rem .75rem!important;font-weight:700!important;color:#111827!important;cursor:pointer!important;transition:all .2s!important;text-align:center!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.syntax-pill:hover{border-color:#ffc850!important;background:#ffb6270d!important;transform:translateY(-1px)!important}.syntax-pill.active{background:#ffb627!important;border-color:#e6a020!important;color:#111827!important;box-shadow:0 4px 12px #ffb62766!important;font-weight:800!important}.syntax-assign-text{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;min-height:inherit;padding:0;margin:0;border:none;border-radius:0;background:transparent;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.85rem;line-height:1.3}.syntax-assign-box{display:flex;align-items:center;justify-content:center;min-height:50px;overflow:visible}@media(max-width:768px){.syntax-assign-text{font-size:.75rem}}.syntax-subbar-center{color:#fff!important}.syntax-subbar-back:hover{background:linear-gradient(135deg,#ffb627,#e6a020)!important;color:#111827!important;border-color:#ffb627!important;box-shadow:0 2px 8px #ffb6274d!important}.syntax-subbar-back:active{background:linear-gradient(135deg,#e6a020,#cc8f1c)!important;transform:translateY(1px)!important;box-shadow:0 1px 4px #ffb6274d!important}.syntax-word-text{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.3rem!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;text-align:center!important;line-height:1.3!important;font-size:inherit!important}.syntax-sentence-grid>*{min-height:0!important}.syntax-assign-text{font-size:.95rem!important;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:.3rem .5rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.3}@media(max-width:768px){.syntax-assign-text{font-size:.85rem!important}}.cloud-sync-section{border-top:2px solid var(--border-color, #e5e7eb);padding-top:2rem;margin-top:2rem}.sync-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.sync-info-box strong{color:#0369a1}.sync-key-item{flex-direction:column;align-items:stretch!important}.sync-key-item .setting-info{margin-bottom:1rem}.sync-control{width:100%}.sync-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.sync-key-input{flex:1;padding:.75rem;font-size:1rem;border:2px solid #d1d5db;border-radius:6px;font-family:Courier New,monospace;transition:border-color .2s}.sync-key-input:focus{outline:none;border-color:#3b82f6}.btn-generate{padding:.75rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:background .2s}.btn-generate:hover{background:#4f46e5}.sync-button-group{display:flex;gap:.5rem}.btn-save-key,.btn-clear-key{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-save-key{background:#10b981;color:#fff}.btn-save-key:hover:not(:disabled){background:#059669}.btn-save-key:disabled{background:#9ca3af;cursor:not-allowed}.btn-clear-key{background:#ef4444;color:#fff}.btn-clear-key:hover{background:#dc2626}.device-name-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid #d1d5db;border-radius:6px;transition:border-color .2s}.device-name-input:focus{outline:none;border-color:#3b82f6}.sync-actions{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.btn-sync{flex:1;min-width:200px;padding:1rem;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-export{background:#3b82f6}.btn-export:hover:not(:disabled){background:#2563eb}.btn-import{background:#8b5cf6}.btn-import:hover:not(:disabled){background:#7c3aed}.btn-sync:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.sync-status{padding:.75rem 1rem;border-radius:6px;margin:1rem 0;font-size:.9rem;white-space:pre-line;line-height:1.6}.sync-status-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.sync-status-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.sync-status-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.last-sync-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin:1rem 0;font-size:.85rem}.last-sync-header{font-weight:600;margin-bottom:.5rem;color:#374151}.last-sync-details{display:flex;flex-direction:column;gap:.25rem;color:#6b7280}.sync-help{background:#fef3c7;border:1px solid #fde047;border-radius:8px;padding:1rem;margin-top:1.5rem;font-size:.85rem;line-height:1.6}.sync-help strong{display:block;margin-bottom:.5rem;color:#92400e}.sync-help ol{margin:.5rem 0 0 1.25rem;padding:0;color:#78350f}.sync-help li{margin-bottom:.25rem}@media(max-width:768px){.sync-actions{flex-direction:column}.btn-sync{min-width:auto;width:100%}.sync-input-group{flex-direction:column}.btn-generate{width:100%}.sync-button-group{flex-direction:column}.btn-save-key,.btn-clear-key{width:100%}}.dark-mode .cloud-sync-section{border-top-color:#374151}.dark-mode .sync-info-box{background:#1e3a5f;border-color:#1e40af;color:#bfdbfe}.dark-mode .sync-key-input,.dark-mode .device-name-input{background:#1f2937;border-color:#374151;color:#f3f4f6}.dark-mode .sync-key-input:focus,.dark-mode .device-name-input:focus{border-color:#3b82f6}.dark-mode .last-sync-info{background:#1f2937;border-color:#374151;color:#d1d5db}.dark-mode .sync-help{background:#422006;border-color:#78350f;color:#fef3c7}.word-chunk.nebensatz{background-color:#7c3aed1a;box-shadow:inset 0 -2px #7c3aed66;border-radius:6px}.word-chunk.nebensatz2{background-color:#d977061a;box-shadow:inset 0 -2px #d9770673;border-radius:6px}.word-chunk.nebensatz3{background-color:#0596691a;box-shadow:inset 0 -2px #05966973;border-radius:6px}@media(min-width:48rem){.choice-btn{padding:.75rem 1rem;font-size:1.125rem}.question-form{font-size:3rem}.choice-row{gap:1rem}.btn-primary{padding:1rem 2rem;font-size:1.125rem}.top-bar{padding:0 2rem}.top-bar-wrapper .top-bar{max-width:var(--card-max)}.top-bar-center{font-size:1.25rem}.question-card,.result-card,.summary-card{padding:1.5rem 1.5rem 2rem}}.syntax-tempus-selector{margin-top:1.5rem}.syntax-tempus-list{display:flex;flex-direction:column;gap:.5rem}.syntax-tempus-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.syntax-tempus-item:hover{background-color:var(--bg-hover, #f5f5f5)}.syntax-tempus-item.always-active{opacity:.7;cursor:not-allowed}.syntax-tempus-item input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.syntax-tempus-item.always-active input[type=checkbox]{cursor:not-allowed}.syntax-tempus-label{font-size:1rem;-webkit-user-select:none;user-select:none}.syntax-tempus-note{font-size:.85rem;color:var(--text-muted, #666);font-style:italic}.syntax-tempus-info{margin-top:.75rem;padding:.5rem;background-color:var(--bg-info, #e3f2fd);border-left:3px solid var(--accent-blue, #2196f3);border-radius:.25rem;font-size:.9rem;color:var(--text-secondary, #333)}body.dark-mode .syntax-tempus-item:hover{background-color:var(--bg-hover-dark, #2a2a2a)}body.dark-mode .syntax-tempus-note{color:var(--text-muted-dark, #999)}body.dark-mode .syntax-tempus-info{background-color:var(--bg-info-dark, #1e3a5f);border-left-color:var(--accent-blue-dark, #42a5f5);color:var(--text-secondary-dark, #ddd)}.home-screen{padding:1rem;max-width:48rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-greeting{text-align:center;color:#fff;margin-bottom:.5rem}.greeting-title{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.greeting-subtitle{font-size:1.1rem;opacity:.9;margin-top:.5rem}.home-messages{width:100%;box-sizing:border-box}.message-card-compact{width:100%;box-sizing:border-box;background:#fffffff2;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;transition:transform .2s;border-left:4px solid var(--blue)}.message-content{margin-bottom:1rem}.message-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.message-preview{font-size:.95rem;color:#4b5563;line-height:1.5;margin:0}.message-more-btn{background:transparent;color:var(--blue);font-weight:600;font-size:.9rem;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center}.message-more-btn:hover{text-decoration:underline}.message-dots{display:flex;gap:.4rem;justify-content:center;margin-top:1rem}.message-dots .dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .2s}.message-dots .dot.active{background:var(--blue);transform:scale(1.2)}.category-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.category-card{background:#ffffffe6;border:none;border-radius:1.25rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;position:relative;overflow:hidden;min-height:140px}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;background:#fff}.category-card:active{transform:scale(.98)}.cat-icon{font-size:2.5rem;margin-bottom:.25rem;transition:transform .2s}.category-card:hover .cat-icon{transform:scale(1.1)}.cat-label{font-size:1rem;font-weight:600;color:#374151;text-align:center}.cat-badge-new{position:absolute;top:.75rem;right:.75rem;background:var(--red);color:#fff;font-size:.65rem;font-weight:800;padding:.25rem .5rem;border-radius:999px;box-shadow:0 2px 4px #c8102e4d}.home-content{background:transparent!important;box-shadow:none!important;padding:0!important;width:100%!important;max-width:100%!important}@media(min-width:40rem){.home-content{max-width:48rem!important;margin:0 auto}}.home-content .home-greeting p{color:#ffffffe6}.known-bugs-list.compact{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#fff}.bug-row{display:flex;align-items:flex-start;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;gap:1rem;transition:background-color .2s}.bug-row:last-child{border-bottom:none}.bug-row:hover{background-color:#f9fafb}.bug-cell-icon{flex:0 0 2rem;display:flex;justify-content:center;padding-top:.1rem}.bug-icon-badge{font-size:1.25rem;line-height:1}.bug-cell-main{flex:1;min-width:0}.bug-row-title{font-weight:600;color:#1f2937;font-size:.95rem;margin-bottom:.2rem}.bug-row-message{color:#6b7280;font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bug-cell-meta{flex:0 0 7rem;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.bug-row-date{font-size:.75rem;color:#9ca3af}.bug-row-tags{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.mini-tag{background:#f3f4f6;padding:.1rem .4rem;border-radius:999px;font-size:.65rem;color:#6b7280;font-weight:500;white-space:nowrap}.settings-content{display:flex;flex-direction:column;gap:.75rem}.settings-group-header{padding:1rem 1.25rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#334155;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000d}.settings-group-header:hover{background-color:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.settings-group-header.active{background-color:#e0f2fe;border-color:#bae6fd;color:#0c4a6e;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid #bae6fd}.accordion-arrow{font-size:.9rem;color:#94a3b8;transition:transform .2s ease}.settings-group-header.active .accordion-arrow{transform:rotate(180deg);color:#0284c7}.settings-group>.accordion-content{padding:1rem;background-color:#fff;border:1px solid #e2e8f0;border-top:none;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.settings-section{background:#fff;border:1px solid #f1f5f9;border-radius:.5rem;padding:1.25rem;margin-bottom:1rem}.settings-section:last-child{margin-bottom:0}.settings-section h2{font-size:1rem;font-weight:600;color:#1e293b;margin-top:0;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.feedback-form-embedded{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0}.feedback-form-embedded h3{color:#4f46e5;margin-bottom:1.5rem;font-size:1.1rem}.notification{font-size:.9rem;text-align:center}.syntax-progress-grid{display:grid;gap:.75rem;max-width:40rem;width:100%}.topbar{width:100%;max-width:28.75rem;margin:0 auto;padding:0 1rem .75rem;display:flex;justify-content:flex-end;gap:1rem}.topbar-item{text-align:center;font-size:.75rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em}.topbar-value{font-size:1.1rem;font-weight:900;color:#fff;margin-top:0;margin-bottom:.25rem}@keyframes pulseBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.blinking-text{animation:pulseBlink 1s ease-in-out infinite}.topbar-progress-wrapper{max-width:28.75rem;margin:0 auto;padding:0 1rem .75rem}.topbar-progress-bar{width:100%;height:.75rem;background:#ffffff40;border-radius:999px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-progress-fill{height:100%;background:#fc0;transition:width .3s;box-shadow:0 0 8px #ffcc0080}.quiz-card{background:#fff;border-radius:1.75rem 1.75rem 0 0;padding:1.5rem 1.25rem;min-height:calc(100vh - 220px);box-shadow:0 -4px 32px #00000026;display:flex;flex-direction:column}.quiz-card .primary-btn.large{width:100%;margin-left:0;margin-right:0;margin-top:auto;font-size:1.2rem;padding:1.125rem 2rem;border-radius:1rem}.dark-mode .quiz-card{background:#1f2937}.question-section{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:1.5rem 0}.question-title{font-size:1rem;font-weight:800;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.dark-mode .question-title{color:#9ca3af}.word-display{font-size:2.75rem;font-weight:900;color:#111827;font-style:italic;margin-bottom:1rem}.dark-mode .word-display{color:#fff}.word-info{font-size:1rem;font-weight:600;color:#6b7280}.dark-mode .word-info{color:#9ca3af}.answer-section{padding-top:1.5rem;border-top:2px solid #f3f4f6}.dark-mode .answer-section{border-top-color:#374151}.section-label{font-size:1.1rem;font-weight:800;color:#111827;margin-bottom:.75rem}.dark-mode .section-label{color:#fff}.kasus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.kasus-btn{background:#fff;border:3px solid;border-radius:1rem;padding:1rem .5rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:all .2s;min-height:3.5rem}.dark-mode .kasus-btn{background:#374151}.kasus-btn.nom{border-color:var(--case-nom);color:var(--case-nom)}.kasus-btn.gen{border-color:var(--case-gen);color:var(--case-gen)}.kasus-btn.dat{border-color:var(--case-dat);color:var(--case-dat)}.kasus-btn.akk{border-color:var(--case-akk);color:var(--case-akk)}.kasus-btn.abl{border-color:var(--case-abl);color:var(--case-abl)}.kasus-btn.voc{border-color:var(--case-voc);color:var(--case-voc)}.kasus-btn:hover:not(.selected){transform:scale(1.05)}.kasus-btn.selected{background:var(--primary-color, #7c3aed)!important;border-color:var(--primary-color, #7c3aed)!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed4d}.numerus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.numerus-btn{background:#fff;border:3px solid var(--primary-color, #7c3aed);color:var(--primary-color, #7c3aed);border-radius:1rem;padding:1rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:all .2s}.dark-mode .numerus-btn{background:#374151}.numerus-btn:hover:not(.selected){background:#faf5ff}.dark-mode .numerus-btn:hover:not(.selected){background:#7c3aed1a}.numerus-btn.selected{background:var(--primary-color, #7c3aed);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.genus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.genus-btn{background:#fff;border:3px solid #6b7280;color:#6b7280;border-radius:1rem;padding:1rem .5rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:all .2s;min-height:3.5rem}.dark-mode .genus-btn{background:#374151}.genus-btn:hover:not(.selected){background:#f3f4f6}.dark-mode .genus-btn:hover:not(.selected){background:#4b5563}.genus-btn.selected{background:var(--primary-color, #7c3aed)!important;border-color:var(--primary-color, #7c3aed)!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed4d}.result-card{background:#fff;border-radius:1.75rem 1.75rem 0 0;padding:1.5rem 1.25rem;min-height:calc(100vh - 120px);box-shadow:0 -4px 32px #00000026}.dark-mode .result-card{background:#1f2937}.feedback-hero{background:linear-gradient(135deg,#10b981,#059669);border-radius:1.25rem;padding:1.25rem 1.5rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 6px 24px #10b98140;display:flex;align-items:center;justify-content:center;gap:.75rem}.feedback-hero.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 24px #ef444440}.feedback-emoji{font-size:2.5rem;line-height:1}.feedback-title{font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.lemma-result{background:transparent;border:none;padding:1.25rem 0;margin-bottom:1.5rem;text-align:center}.lemma-label{font-size:.95rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.dark-mode .lemma-label{color:#9ca3af}.lemma-word{font-size:1.75rem;font-weight:900;color:#111827;margin-bottom:.75rem}.dark-mode .lemma-word{color:#fff}.lemma-details{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.detail-pill{background:#fff;border:2px solid #10b981;color:#10b981;padding:.4rem .75rem;border-radius:999px;font-size:.9rem;font-weight:700}.dark-mode .detail-pill{background:#374151}.detail-pill.error{border-color:#ef4444;color:#ef4444}.example-section{margin-bottom:1.5rem}.example-latin{font-style:italic;font-size:1.05rem;color:#374151;margin-bottom:.75rem;line-height:1.6}.dark-mode .example-latin{color:#e5e7eb}.example-latin .highlight{background:#9b51e033;padding:.2rem .4rem;border-radius:.375rem;font-weight:700;color:#9b51e0}.dark-mode .example-latin .highlight{color:#d8b4fe}.translation-pill{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:999px;padding:.65rem 1rem;font-size:.95rem;color:#374151;display:inline-block;cursor:pointer;transition:all .2s;font-weight:600}.dark-mode .translation-pill{background:#374151;border-color:#4b5563;color:#e5e7eb}.translation-pill:hover{background:#fff;border-color:var(--primary-color, #7c3aed)}.dark-mode .translation-pill:hover{background:#4b5563;border-color:var(--primary-color, #8b5cf6)}.hints-list{background:#fffbeb;border-left:4px solid #f59e0b;padding:.75rem 1rem;border-radius:.75rem;margin-top:.75rem}.dark-mode .hints-list{background:#f59e0b1a}.hints-list ul{margin:0;padding-left:1.25rem;color:#78350f;font-size:.9rem;line-height:1.6}.dark-mode .hints-list ul{color:#fbbf24}.hints-list li{margin-bottom:.25rem}.lemma-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.lemma-btn{background:#fff;border:3px solid currentColor;border-radius:1rem;padding:1rem .5rem;text-align:center;cursor:pointer;transition:all .2s;min-height:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}.lemma-btn .latin{font-size:1.2rem;font-weight:900;color:inherit;line-height:1.2}.lemma-btn .german{font-size:.8rem;font-weight:600;color:var(--text-muted, #6b7280)}.lemma-btn.color-pink{border-color:var(--case-nom);color:var(--case-nom)}.lemma-btn.color-pink:hover{background:var(--case-nom-bg)}.lemma-btn.color-pink.selected{background:var(--case-nom);color:#fff;border-color:var(--case-nom)}.lemma-btn.color-pink.selected .german{color:#ffffffd9}.lemma-btn.color-blue{border-color:var(--case-dat);color:var(--case-dat)}.lemma-btn.color-blue:hover{background:var(--case-dat-bg)}.lemma-btn.color-blue.selected{background:var(--case-dat);color:#fff;border-color:var(--case-dat)}.lemma-btn.color-blue.selected .german{color:#ffffffd9}.lemma-btn.color-green{border-color:var(--case-akk);color:var(--case-akk)}.lemma-btn.color-green:hover{background:var(--case-akk-bg)}.lemma-btn.color-green.selected{background:var(--case-akk);color:#fff;border-color:var(--case-akk)}.lemma-btn.color-green.selected .german{color:#ffffffd9}.lemma-btn.color-beige{border-color:var(--case-gen);color:var(--case-gen)}.lemma-btn.color-beige:hover{background:var(--case-gen-bg)}.lemma-btn.color-beige.selected{background:var(--case-gen);color:#fff;border-color:var(--case-gen)}.lemma-btn.color-beige.selected .german{color:#ffffffd9}.lemma-btn.color-purple{border-color:var(--case-abl);color:var(--case-abl)}.lemma-btn.color-purple:hover{background:var(--case-abl-bg)}.lemma-btn.color-purple.selected{background:var(--case-abl);color:#fff;border-color:var(--case-abl)}.lemma-btn.color-purple.selected .german{color:#ffffffd9}.lemma-btn.selected{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.lemma-btn:active{transform:scale(.98)}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.option-btn{background:#fff;border:3px solid var(--primary, #7c3aed);color:var(--primary, #7c3aed);border-radius:.75rem;padding:.875rem .5rem;font-size:1.3rem;font-weight:900;cursor:pointer;transition:all .2s;min-height:3.5rem}.option-btn:hover{background:#faf5ff}.option-btn.selected{background:var(--primary, #7c3aed);color:#fff;box-shadow:0 6px 16px #7c3aed4d}.kasus-btn.correct,.numerus-btn.correct,.genus-btn.correct,.pill-btn.correct,.answer-btn.correct{background:var(--green, #1a8f3a)!important;border-color:var(--green, #1a8f3a)!important;color:#fff!important;box-shadow:0 4px 12px #1a8f3a4d!important}.kasus-btn.wrong,.numerus-btn.wrong,.genus-btn.wrong,.pill-btn.wrong,.answer-btn.wrong{background:var(--red, #c8102e)!important;border-color:var(--red, #c8102e)!important;color:#fff!important;box-shadow:0 4px 12px #c8102e4d!important}.button-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}@media(max-width:480px){.button-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-btn,.option-btn{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:center}.option-btn{font-size:1rem;padding:.75rem .4rem}}.button-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.action-grid{display:grid;grid-template-columns:1fr 2fr;gap:.75rem}.answer-btn{background:#fff;border:3px solid;border-radius:.75rem;padding:.75rem .5rem;font-size:.95rem;font-weight:900;cursor:pointer;transition:all .2s;min-height:3rem;display:flex;align-items:center;justify-content:center}.answer-btn:hover{transform:scale(1.03)}.dark-mode .answer-btn{background:#374151}.person-btn{border-color:#6b7280;color:#6b7280}.person-btn:hover:not(.selected){background:#f3f4f6}.dark-mode .person-btn:hover:not(.selected){background:#6b72801a}.zeit-praesens{border-color:#2f80ed;color:#2f80ed}.zeit-imperfekt{border-color:#0d9488;color:#0d9488}.zeit-perfekt{border-color:#d946ef;color:#d946ef}.zeit-plusquamp{border-color:#ea580c;color:#ea580c}.zeit-futur1{border-color:#14b8a6;color:#14b8a6}.zeit-futur2{border-color:#f59e0b;color:#f59e0b}.zeit-praesens:hover:not(.selected){background:#eff6ff}.zeit-imperfekt:hover:not(.selected){background:#f0fdfa}.zeit-perfekt:hover:not(.selected){background:#fdf4ff}.zeit-plusquamp:hover:not(.selected){background:#fff7ed}.zeit-futur1:hover:not(.selected){background:#f0fdfa}.zeit-futur2:hover:not(.selected){background:#fffbeb}.modus-indikativ{border-color:#2f80ed;color:#2f80ed}.modus-konjunktiv{border-color:#d946ef;color:#d946ef}.modus-imperativ{border-color:#ea580c;color:#ea580c}.modus-indikativ:hover:not(.selected){background:#eff6ff}.modus-konjunktiv:hover:not(.selected){background:#fdf4ff}.modus-imperativ:hover:not(.selected){background:#fff7ed}.genus-aktiv{border-color:#0d9488;color:#0d9488}.genus-passiv{border-color:#d946ef;color:#d946ef}.genus-aktiv:hover:not(.selected){background:#f0fdfa}.genus-passiv:hover:not(.selected){background:#fdf4ff}.answer-btn.selected,.option-btn.selected{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed4d!important}.answer-btn.correct{background:var(--green, #1a8f3a)!important;border-color:var(--green, #1a8f3a)!important;color:#fff!important;box-shadow:0 4px 12px #1a8f3a4d!important}.answer-btn.wrong{background:var(--red, #c8102e)!important;border-color:var(--red, #c8102e)!important;color:#fff!important;box-shadow:0 4px 12px #c8102e4d!important}.header-wrapper{width:100%;background:linear-gradient(135deg,#4c6ef5,#7c3aed);box-shadow:0 4px 20px #00000040;margin-bottom:0}.modal-overlay.settings-bg{background:linear-gradient(135deg,#4c6ef5,#7c3aed);align-items:flex-start;padding:0}.app-header{max-width:28.75rem;margin:0 auto;padding:2.5rem 1rem 1rem;display:flex;align-items:center;gap:.75rem}.header-menu-btn{background:#ffffff40;border:none;border-radius:.75rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-title-header{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);flex:1}.header-back-btn{background:#ffffff40;border:none;border-radius:.75rem;padding:.75rem 1.25rem;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-icon-btns{display:flex;gap:.5rem}.header-icon-btn{background:#ffffff40;border:none;border-radius:.75rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.5rem}.settings-card{background:#fff;border-radius:1.75rem 1.75rem 0 0;padding:1.5rem 1.25rem;min-height:calc(100vh - 120px);box-shadow:0 -4px 32px #00000026;width:100%}.settings-card-container{width:100%;max-width:28.75rem;padding:0;flex:1;margin:0}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;border-bottom:2px solid #f3f4f6}.toggle-item:last-child{border-bottom:none}.toggle-label{font-size:1rem;font-weight:700;color:#111827}.toggle-hint{font-size:.85rem;color:#6b7280;margin-top:.25rem}.toggle-switch-ui{position:relative;width:3rem;height:1.75rem;background:#d1d5db;border-radius:999px;cursor:pointer;transition:all .2s;flex-shrink:0}.toggle-switch-ui.active{background:#7c3aed}.toggle-switch-ui:after{content:"";position:absolute;top:.25rem;left:.25rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:999px;transition:all .2s;box-shadow:0 2px 4px #0003}.toggle-switch-ui.active:after{left:1.5rem}.accordion-ui{margin-bottom:1rem}.accordion-ui-header{background:#fff;border:3px solid #7c3aed;border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.accordion-ui-header:hover{background:#faf5ff}.accordion-ui-header.active{background:#7c3aed;color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion-ui-title{font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.accordion-ui-icon{font-size:1.25rem;font-weight:900;transition:transform .2s}.accordion-ui-header.active .accordion-ui-icon{transform:rotate(180deg)}.accordion-ui-content{display:none;border:3px solid #7c3aed;border-top:none;border-radius:0 0 1rem 1rem;padding:1.5rem 1.25rem;background:#fff}.accordion-ui-content.active{display:block}.freemium-locked{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.4);position:relative}.freemium-lock-icon{position:absolute;top:.3rem;right:.3rem;font-size:.75rem;line-height:1;pointer-events:none}@font-face{font-family:OpenDyslexic;src:url(../fonts/OpenDyslexic-Regular.woff2) format("woff2"),url(../fonts/OpenDyslexic-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(../fonts/OpenDyslexic-Bold.woff2) format("woff2"),url(../fonts/OpenDyslexic-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}body.open-dyslexic,body.open-dyslexic *{font-family:OpenDyslexic,sans-serif!important}.pill-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding-left:.75rem}.pill-btn-label{font-size:inherit;font-weight:inherit;line-height:1.2;white-space:normal;word-break:break-word;overflow-wrap:break-word;padding-right:.4rem}.pill-btn-level{font-size:.65rem;font-weight:600;opacity:.65;letter-spacing:.04em;line-height:1}.pill-btn.selected .pill-btn-level{opacity:.85;color:#ffffffe6}.bereichs-intro-lektuere-callout{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:1rem;padding:.75rem 1rem;background:#7c3aed12;border-left:3px solid #7c3aed;border-radius:0 .5rem .5rem 0;font-size:.9rem;color:#374151}.lektuere-nav-btn{flex-shrink:0;padding:.3rem .75rem;background:#7c3aed;color:#fff;border:none;border-radius:.4rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.lektuere-nav-btn:hover{background:#6d28d9}.lektuere-level-badge{display:inline-block;padding:.2rem .5rem;background:#7c3aed;color:#fff;border-radius:.4rem;font-size:.8rem;font-weight:700;white-space:nowrap;flex-shrink:0}body.dark-mode .bereichs-intro-lektuere-callout{background:#7c3aed26;color:#d1d5db}body.dark-mode .lektuere-level-badge{background:#8b5cf6}.mikro-hilfen-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.help-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.help-pill{padding:.5rem 1rem;border-radius:2rem;border:2px solid;background:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.help-pill--normal{border-color:#95a5a6;color:#2c3e50}.help-pill--normal:hover{background:#ecf0f1;border-color:#7f8c8d;transform:translateY(-2px)}.help-pill--warning{border-color:#f39c12;color:#d68910;background:#fef5e7;animation:pulse-warning 2s ease-in-out infinite}.help-pill--warning:hover{background:#fdebd0;border-color:#e67e22;transform:translateY(-2px)}.help-pill--critical{border-color:#e74c3c;color:#c0392b;background:#fadbd8;animation:pulse-critical 1.5s ease-in-out infinite}.help-pill--critical:hover{background:#f5b7b1;border-color:#c0392b;transform:translateY(-2px)}.help-icon{font-size:1.2rem}.help-count{background:currentColor;color:#fff;padding:.1rem .4rem;border-radius:1rem;font-size:.75rem;font-weight:700;margin-left:.25rem}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-critical{0%,to{transform:scale(1);box-shadow:0 0 #e74c3c66}50%{transform:scale(1.08);box-shadow:0 0 0 8px #e74c3c00}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content.help-modal,.modal-content.intro-modal{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2,.modal-header h3{margin:0;color:#2c3e50;display:flex;align-items:center}.modal-close{background:none;border:none;font-size:2rem;color:#95a5a6;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#ecf0f1;color:#2c3e50}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;background:#f8f9fa}.modal-footer-grid{padding:1.5rem;border-top:1px solid #e0e0e0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#f8f9fa;border-radius:0 0 1rem 1rem}.secondary-btn-purple{background:#fff;border:3px solid #7c3aed;color:#7c3aed;border-radius:.75rem;padding:.75rem 1rem;font-weight:800;font-size:1.1rem;cursor:pointer;text-align:center;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;width:100%}.secondary-btn-purple:hover{background:#f3e8ff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.help-icon-large{font-size:2rem;margin-right:.5rem}.help-modal section,.intro-modal section{margin-bottom:1.5rem}.help-modal h4,.intro-modal h3{margin-top:0;margin-bottom:.5rem;color:#2c3e50;font-size:1rem}.help-modal ul{margin:0;padding-left:1.5rem}.help-modal li{margin-bottom:.25rem;color:#34495e}.help-example{background:#f8f9fa;padding:1rem;border-radius:.5rem;border-left:4px solid #3498db}.help-example .latin{font-style:italic;font-weight:500;margin-bottom:.5rem}.help-example .german{color:#7f8c8d}.help-merksatz{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:.5rem;font-weight:500;font-size:1.05rem;text-align:center;margin:0}.intro-modal p{color:#34495e;line-height:1.5;margin:0;white-space:pre-wrap}.help-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.help-container{background:#fff;border-radius:1rem;max-width:800px;width:100%;height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0003;overflow:hidden}.help-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0}.help-header h2{margin:0;font-size:1.5rem;color:#2c3e50}.help-search{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.help-search input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:.5rem;transition:all .2s;box-sizing:border-box}.help-search input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.help-content-scrollable{flex-grow:1;overflow-y:auto;padding:1.5rem}.help-category{margin-bottom:1.5rem}.help-category-header{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s}.help-category-header:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.category-icon{font-size:1.5rem}.category-count{margin-left:auto;opacity:.8;font-size:.9rem}.expand-icon{opacity:.8;font-size:.8rem}.help-category-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;margin-top:.75rem;padding:0 .5rem}.help-item{padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:.5rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.75rem;transition:all .2s;font-size:.95rem;color:#2c3e50}.help-item:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.help-search-results .help-pills{display:flex;flex-wrap:wrap;gap:.5rem}.help-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .6rem;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;font-size:.85rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1}.help-pill:hover{background-color:#e2e8f0;border-color:#94a3b8;color:#334155}.help-pill--warning{background-color:#fff7ed;border-color:#fdba74;color:#c2410c}.help-pill--warning:hover{background-color:#ffedd5;border-color:#f97316}.help-pill--critical{background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c;animation:pulse-border 2s infinite}.help-pill--critical:hover{background-color:#fee2e2;border-color:#ef4444}@keyframes pulse-border{0%{border-color:#fca5a5;box-shadow:0 0 #ef444466}50%{border-color:#ef4444;box-shadow:0 0 0 4px #ef444400}to{border-color:#fca5a5;box-shadow:0 0 #ef444400}}.help-count{display:inline-flex;align-items:center;justify-content:center;background-color:#e2e8f0;color:#475569;border-radius:12px;padding:0 .4rem;font-size:.75rem;font-weight:600;min-width:1.5rem;height:1.25rem}.help-pill--warning .help-count{background-color:#fed7aa;color:#9a3412}.help-pill--critical .help-count{background-color:#fecaca;color:#991b1b}.help-icon{font-size:1rem}.help-search-results h3{margin-top:0;margin-bottom:1rem;color:#2c3e50}.help-result-item{width:100%;padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:.5rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;transition:all .2s}.help-result-item:hover{border-color:#667eea;background:#f8f9ff;transform:translate(4px)}.help-category-badge{margin-left:auto;font-size:.85rem;color:#7f8c8d;background:#ecf0f1;padding:.25rem .75rem;border-radius:1rem}@media(max-width:768px){.help-container{max-width:100%;height:100vh;border-radius:0}.help-category-items{grid-template-columns:1fr}.modal-content.help-modal,.modal-content.intro-modal{max-height:90vh}}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;--color-bg: #0f172a}.dark-mode div[style*="color: #64748b"]{color:#ffffffb3!important}.dark-mode .content,.dark-mode .screen,.dark-mode .main-content{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}.dark-mode .card,.dark-mode .section,.dark-mode .quiz-card,.dark-mode .result-card{background:#0000004d!important;border:2px solid var(--gold)!important;color:#fff!important}.dark-mode .primary-btn,.dark-mode .btn-primary{background:var(--gold)!important;border-color:var(--gold-dark)!important;color:#111827!important}.dark-mode .primary-btn:hover{background:var(--gold-light)!important;border-color:var(--gold)!important}.dark-mode .pill-btn,.dark-mode .choice-btn{background:#ffffff26!important;border-color:#ffb62799!important;color:#fff!important}.dark-mode .choice-btn.correct,.dark-mode .choice-btn.selected.correct{background:#22c55e!important;border-color:#16a34a!important;color:#fff!important}.dark-mode .choice-btn.wrong,.dark-mode .choice-btn.selected.wrong{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}.dark-mode .pill-btn:hover,.dark-mode .choice-btn:hover{background:#ffb62740!important;border-color:var(--gold-light)!important}.dark-mode .pill-btn.selected,.dark-mode .choice-btn.selected,.dark-mode .syntax-word-box.active{background:var(--gold)!important;border-color:var(--gold-dark)!important;color:#111827!important}.dark-mode .lemma-btn,.dark-mode .lemma-btn--unselected{background:#ffffff1f!important;border-color:#ffb62799!important;color:#fff!important}.dark-mode .lemma-btn.selected,.dark-mode .lemma-btn--selected{background:var(--gold)!important;border-color:var(--gold-dark)!important;color:#111827!important}.dark-mode .lemma-btn--group-a,.dark-mode .lemma-btn--group-b,.dark-mode .lemma-btn--group-c,.dark-mode .lemma-btn--group-d,.dark-mode .lemma-btn--group-e,.dark-mode .lemma-btn--group-f,.dark-mode .lemma-btn--group-g,.dark-mode .category-card{background:#ffffff1f!important;border-color:#ffb62799!important;color:#fff!important}.dark-mode .sidebar{background:#00000080!important;border-right:2px solid var(--gold)!important}.dark-mode .sidebar-item{background:#ffffff14!important;border-color:#ffb62766!important;color:#fff!important}.dark-mode .sidebar-item,.dark-mode .sidebar-item *,.dark-mode .sidebar button,.dark-mode .sidebar button *{color:#fff!important}.dark-mode .sidebar-item:hover{background:#ffb62733!important}.dark-mode .sidebar-item.active{background:var(--gold)!important;color:#111827!important}.dark-mode .sidebar-item.active *{color:#111827!important}.dark-mode .top-bar{background:#0000004d!important;border-bottom:2px solid var(--gold)!important}.dark-mode .sub-bar{background:#0003!important;border-bottom:2px solid var(--gold-dark)!important}.dark-mode input,.dark-mode textarea,.dark-mode select{background:#0000004d!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode input::placeholder{color:#ffffff80!important}.dark-mode input:focus{border-color:var(--gold-light)!important;box-shadow:0 0 0 3px #ffb6274d!important}.dark-mode .progress-bar{background:#0000004d!important}.dark-mode .progress-fill{background:var(--gold)!important}.dark-mode .progress-card{background:#0000004d!important;border-color:var(--gold)!important}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode .choice-label,.dark-mode .question-lemma,.dark-mode .result-status,.dark-mode .section-title{color:#fff!important}.dark-mode p,.dark-mode li,.dark-mode span{color:#ffffffe6!important}.dark-mode a{color:var(--gold-light)!important}.dark-mode a:hover{color:var(--gold)!important;text-decoration:underline}.dark-mode .modal,.dark-mode .confirm-dialog{background:#000c!important;border:2px solid var(--gold)!important;color:#fff!important}.dark-mode .confirm-overlay{background:#000000b3!important}.dark-mode .syntax-guided-flow{color:#fff!important}.dark-mode .guided-flow-header{border-bottom-color:#ffb6274d!important;color:#fff!important}.dark-mode .guided-flow-previous{background:#ffffff0d!important;color:#ffffffd9!important}.dark-mode .guided-flow-previous-item{color:#ffffffd9!important}.dark-mode .guided-flow-change-btn{border-color:#fff3!important;color:#fca5a5!important}.dark-mode .guided-flow-checkmark{color:#4ade80!important}.dark-mode .guided-flow-options button{background:#1e293be6!important;border-color:#a78bfa!important;color:#fff!important}.dark-mode .guided-flow-options button:hover{background:#6d28d940!important;border-color:#c4b5fd!important}.dark-mode .guided-flow-options button.selected{background:#7c3aed!important;border-color:#6d28d9!important;color:#fff!important}.dark-mode .syntax-quiz-fullscreen{background:#0003!important}.dark-mode .syntax-quiz-result-card{background:#0f172af7!important;color:#fff!important}.dark-mode .syntax-quiz-result-card .quiz-result-label{color:#ffffff8c!important}.dark-mode .syntax-quiz-result-card .quiz-result-stat-box{background:#1e293b99!important}.dark-mode .syntax-quiz-card{background:#0006!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .syntax-assign-box{background:#ffffff1a!important;border-color:#ffb62780!important;color:#fff!important}.dark-mode .syntax-assign-box.active{background:var(--gold)!important;border-color:var(--gold-dark)!important;color:#111827!important}.dark-mode .syntax-word-box{background:#0000004d!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .syntax-word-box.role-subj{border-color:#2f80ed!important;background:#2f80ed2e!important}.dark-mode .syntax-word-box.role-pred,.dark-mode .syntax-word-box.role-predic{border-color:#e53e3e!important;background:#e53e3e2e!important}.dark-mode .syntax-word-box.role-obj-acc{border-color:#14b8a6!important;background:#14b8a62e!important}.dark-mode .syntax-word-box.role-obj-dat{border-color:#0d9488!important;background:#0d94882e!important}.dark-mode .syntax-word-box.role-obj-gen{border-color:#d946ef!important;background:#d946ef2e!important}.dark-mode .syntax-word-box.role-obj-abl{border-color:#ea580c!important;background:#ea580c2e!important}.dark-mode .syntax-word-box.role-adv{border-color:#f59e0b!important;background:#f59e0b2e!important}.dark-mode .syntax-word-box.role-pp{border-color:#16a085!important;background:#16a0852e!important}.dark-mode .syntax-word-box.role-part{border-color:#8e44ad!important;background:#8e44ad2e!important}.dark-mode .syntax-word-box.role-voc{border-color:#f59e0b!important;background:#f59e0b2e!important}.dark-mode .syntax-word-box.role-rel{border-color:#6366f1!important;background:#6366f12e!important}.dark-mode .syntax-word-box.role-abl-abs{border-color:#a78bfa!important;background:#a78bfa2e!important}.dark-mode .syntax-word-box.active.role-subj{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-pred,.dark-mode .syntax-word-box.active.role-predic{background:#c53030!important;border-color:#c53030!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-obj-acc{background:#0d9488!important;border-color:#0d9488!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-obj-dat{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-obj-gen{background:#a21caf!important;border-color:#a21caf!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-obj-abl{background:#c2410c!important;border-color:#c2410c!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-adv{background:#b45309!important;border-color:#b45309!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-pp{background:#0e7490!important;border-color:#0e7490!important;color:#fff!important}.dark-mode .syntax-word-box.active.role-part{background:#7e22ce!important;border-color:#7e22ce!important;color:#fff!important}.dark-mode .syntax-assign-box.role-subj{border-color:#2f80ed!important;background:#2f80ed26!important}.dark-mode .syntax-assign-box.role-pred,.dark-mode .syntax-assign-box.role-predic{border-color:#e53e3e!important;background:#e53e3e26!important}.dark-mode .syntax-assign-box.role-obj-acc{border-color:#14b8a6!important;background:#14b8a626!important}.dark-mode .syntax-assign-box.role-obj-dat{border-color:#0d9488!important;background:#0d948826!important}.dark-mode .syntax-assign-box.role-obj-gen{border-color:#d946ef!important;background:#d946ef26!important}.dark-mode .syntax-assign-box.role-obj-abl{border-color:#ea580c!important;background:#ea580c26!important}.dark-mode .syntax-assign-box.role-adv{border-color:#f59e0b!important;background:#f59e0b26!important}.dark-mode .syntax-assign-box.role-pp{border-color:#16a085!important;background:#16a08526!important}.dark-mode .syntax-assign-box.role-part{border-color:#8e44ad!important;background:#8e44ad26!important}.dark-mode .syntax-assign-box.active.role-subj{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.dark-mode .syntax-assign-box.active.role-pred,.dark-mode .syntax-assign-box.active.role-predic{background:#c53030!important;border-color:#c53030!important;color:#fff!important}.dark-mode .syntax-assign-box.active.role-obj-acc{background:#0d9488!important;border-color:#0d9488!important;color:#fff!important}.dark-mode .syntax-assign-box.active.role-pp{background:#0e7490!important;border-color:#0e7490!important;color:#fff!important}.dark-mode .syntax-word-box.eval-correct,.dark-mode .syntax-assign-box.eval-correct{border-color:#22c55e!important;background:#22c55e24!important}.dark-mode .syntax-word-box.eval-partial,.dark-mode .syntax-assign-box.eval-partial{border-color:#f59e0b!important;background:#f59e0b24!important}.dark-mode .syntax-word-box.eval-incorrect,.dark-mode .syntax-assign-box.eval-incorrect{border-color:#ef4444!important;background:#ef444424!important}.dark-mode .syntax-result-card,.dark-mode .result-form,.dark-mode .result-form-box,.dark-mode .result-explain,.dark-mode .result-sentence{background:#0006!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .translation-overlay{background-color:#fca5a5!important;color:#000!important;border:1px solid #f87171!important}.dark-mode .translation-text{color:#e5e7eb!important}.dark-mode .question-card,.dark-mode .question-form-box,.dark-mode .question-form,.dark-mode .summary-card,.dark-mode .summary-page{background:#0006!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .content>*[style*="background: white"],.dark-mode .content>*[style*="background: #fff"],.dark-mode .content>*[style*="background: #ffffff"]{background:#0006!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .feedback-modal,.dark-mode .bug-modal{background:#000000e6!important;border:2px solid var(--gold)!important;color:#fff!important}.dark-mode .feedback-modal h2,.dark-mode .bug-modal h2{color:var(--gold)!important}.dark-mode .primary-btn.large{background:var(--gold)!important;border-color:var(--gold-dark)!important;color:#111827!important;box-shadow:0 4px 12px var(--gold-shadow)!important}.dark-mode .result-feedback{border-color:var(--gold)!important}.dark-mode .help-page,.dark-mode .settings-page,.dark-mode .about-page{background:transparent!important;color:#fff!important}.dark-mode .help-header,.dark-mode .settings-header,.dark-mode .about-header{border-bottom:2px solid var(--gold)!important}.dark-mode .help-nav-btn,.dark-mode .setting-item{background:#0000004d!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .help-nav-btn.active{background:var(--gold)!important;color:#111827!important}.dark-mode .feature-card{background:#0000004d!important;border:2px solid var(--gold)!important}.dark-mode *:focus{outline:2px solid var(--gold)!important;outline-offset:2px}.dark-mode .important,.dark-mode .highlight{background:var(--gold)!important;color:#111827!important;padding:.25rem .5rem;border-radius:.25rem}.dark-mode ::-webkit-scrollbar{width:10px;background:#0000004d}.dark-mode ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:5px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}body,.content,.card,.button,input,textarea{transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}.dark-mode code,.dark-mode pre{background:#00000080!important;border:1px solid var(--gold-dark)!important;color:var(--gold-light)!important}.dark-mode table{border-color:var(--gold)!important}.dark-mode th{background:#00000080!important;border-color:var(--gold)!important}.dark-mode td{border-color:var(--gold-dark)!important}.dark-mode .badge,.dark-mode .tech-badge{background:var(--gold)!important;color:#111827!important}.dark-mode .settings-page,.dark-mode .help-page,.dark-mode .about-page{background:#0a0a0ff2!important;color:#fff!important}.dark-mode .settings-header,.dark-mode .help-header,.dark-mode .about-header{background:transparent!important;border-bottom:2px solid var(--gold)!important}.dark-mode .settings-header .close-btn,.dark-mode .help-header .close-btn,.dark-mode .about-header .close-btn{background:#ffffff1a!important;color:#fff!important;border:1px solid var(--gold)!important}.dark-mode .settings-section,.dark-mode .help-section,.dark-mode .about-section,.dark-mode .legal-section{background:#ffffff0d!important;border:1px solid rgba(255,182,39,.3)!important;color:#ffffffe6!important}.dark-mode .help-nav-btn{background:#ffffff0d!important;color:#ffffffb3!important;border-bottom:2px solid transparent!important}.dark-mode .help-nav-btn:hover{background:#ffffff1a!important;color:#fff!important}.dark-mode .help-nav-btn.active{background:#ffb62726!important;color:var(--gold)!important;border-bottom:2px solid var(--gold)!important}.dark-mode .about-section.hero{background:transparent!important;border:none!important}.dark-mode .version-badge{background:var(--gold)!important;color:#111827!important}.dark-mode .setting-item{border-bottom:1px solid rgba(255,255,255,.1)!important}.dark-mode .settings-section h2,.dark-mode .help-section h2,.dark-mode .about-section h2{color:var(--gold)!important}.dark-mode .btn-secondary{background:#ffffff1a!important;color:#fff!important;border-color:#fff3!important}.dark-mode .faq-item,.dark-mode .faq-placeholder,.dark-mode .bug-form-placeholder{background:#ffffff0d!important;border:1px solid rgba(255,182,39,.3)!important;color:#fff!important}.dark-mode .faq-item h3{color:var(--gold)!important}.dark-mode .bug-form-placeholder h3,.dark-mode .bug-form-placeholder p{color:#fff!important}.dark-mode .legal-section h3{color:var(--gold)!important;border-bottom-color:var(--gold)!important}.dark-mode .ll-modal{background:#0a0a0ff2!important;border:2px solid var(--gold)!important;color:#fff!important}.dark-mode .ll-modal-header{border-bottom:2px solid var(--gold)!important}.dark-mode .ll-modal-title{color:#fff!important}.dark-mode .ll-modal-close{background:#ffffff1a!important;color:#fff!important;border:1px solid var(--gold)!important}.dark-mode .ll-modal-body label,.dark-mode .ll-field-label{color:#ffffffe6!important}.dark-mode .ll-modal-body input,.dark-mode .ll-modal-body select,.dark-mode .ll-modal-body textarea{background:#0006!important;border:1px solid var(--gold)!important;color:#fff!important}.dark-mode .ll-modal-body input:focus,.dark-mode .ll-modal-body select:focus,.dark-mode .ll-modal-body textarea:focus{border-color:var(--gold-light)!important;box-shadow:0 0 0 3px #ffb62733!important}.dark-mode .ll-modal-footer{border-top:1px solid rgba(255,182,39,.3)!important}.dark-mode .ll-modal .primary-btn.white{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}.dark-mode .ll-modal .primary-btn.white:hover{background:#fff3!important}@media(max-width:768px){.dark-mode .sidebar{background:#000000e6!important}.dark-mode .modal{background:#000000f2!important}}@media print{body.dark-mode{background:#fff!important;color:#000!important}.dark-mode *{background:#fff!important;color:#000!important;border-color:#000!important}}.dark-mode .sidebar-header{color:#fff!important;border-bottom:2px solid var(--gold)!important}.dark-mode .sidebar-section-title{color:#ffffffb3!important}.dark-mode .dark-mode-label,.dark-mode .dark-mode-label *{color:#fff!important}.dark-mode .greeting-title{background:linear-gradient(to right,#fff,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .greeting-subtitle{color:#fffc}.dark-mode .message-card-compact{background:#1e293bcc;border:1px solid rgba(251,191,36,.3);border-left:4px solid var(--gold)}.dark-mode .message-title{color:#fff}.dark-mode .message-preview{color:#fffc}.dark-mode .message-more-btn{color:var(--gold)}.dark-mode .message-dots .dot{background:#fff3}.dark-mode .message-dots .dot.active{background:var(--gold)}.dark-mode .category-card{background:#1e293b99;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000004d}.dark-mode .category-card:hover{background:#1e293be6;border-color:var(--gold);box-shadow:0 10px 15px -3px #00000080,0 0 15px #fbbf2433}.dark-mode .cat-label{color:#fff}.dark-mode .vocab-snake-container{background:transparent!important;color:#fff!important}.dark-mode .vocab-snake-container>div>div[style*="background: #f9fafb"],.dark-mode .vocab-snake-container>div>div[style*="background:#f9fafb"]{background:#0f172a!important;border-color:#334155!important}.dark-mode .vocab-snake-container button{background:#1e293be6!important;border-color:#475569!important;color:#fff!important}.dark-mode .vocab-snake-container div[style*="rgba(255,255,255"]{background:#0f172af2!important;color:#fff!important}.dark-mode .shooter-game-area{background:linear-gradient(to top,#1e1b4b,#0f172a)!important;border-color:#334155!important}.dark-mode .circus-card-container{background:#0f172a!important;color:#fff!important}.dark-mode .circus-card-container>div[style*="color: #1f2937"],.dark-mode .circus-card-container>div[style*="color:#1f2937"]{color:#fff!important}.dark-mode .circus-card-container button[style*="#f9fafb"],.dark-mode .circus-card-container button[style*="#1f2937"]{background:#1e293be6!important;color:#fff!important;border-color:#4c1d95!important}.dark-mode .circus-card-container div[style*="color: #1f2937"]{color:#ffffffe6!important}.dark-mode .circus-card-container>div[style*="background: #f3f4f6"],.dark-mode .circus-card-container>div[style*="background:#f3f4f6"]{background:#0f172af2!important;color:#fff!important}.dark-mode .scripta-card-container{background:transparent!important;color:#fff!important}.dark-mode .scripta-card-container div[style*="background: #f8fafc"],.dark-mode .scripta-card-container div[style*="background:#f8fafc"]{background:#1e293bcc!important;color:#fff!important;border-color:#475569!important}.dark-mode .scripta-card-container input{background:#0f172ae6!important;color:#fff!important;border-color:#475569!important}.dark-mode .scripta-card-container button[style*="#e5e7eb"]{background:#47556980!important;color:#fff6!important}.dark-mode .scripta-card-container div[style*="color: #6b7280"],.dark-mode .scripta-card-container div[style*="color:#6b7280"],.dark-mode .scripta-card-container div[style*="color: #94a3b8"]{color:#ffffff8c!important}.dark-mode .tipp-input{background:#0f172ae6!important;color:#fff!important;border-color:#475569!important}.dark-mode .tipp-input::placeholder{color:#ffffff59!important}.dark-mode .tipp-input:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #ffb62733!important}.dark-mode .tetris-board{background:#0f172a!important;border-color:#334155!important}.dark-mode .tetris-board div[style*="color: #78350f"],.dark-mode .tetris-board div[style*="color:#78350f"]{color:#fbbf24!important}.dark-mode .vocab-chunks-container,.dark-mode .vocab-mc-container,.dark-mode .vocab-trace-container,.dark-mode .vocab-flip-container{color:#fff!important}.dark-mode .lektuere-page{color:#fff!important}.dark-mode .lektuere-page h2,.dark-mode .lektuere-page p,.dark-mode .lektuere-page span,.dark-mode .lektuere-page div{color:inherit}.dark-mode .lektuere-page [style*="color: #6b7280"],.dark-mode .lektuere-page [style*="color: #9ca3af"],.dark-mode .lektuere-page [style*="color: #94a3b8"],.dark-mode .lektuere-page [style*="color: #4b5563"]{color:#fff9!important}.dark-mode .lektuere-page [style*="color: #1e293b"],.dark-mode .lektuere-page [style*="color: #111827"],.dark-mode .lektuere-page [style*="color: #374151"]{color:#fffffff2!important}.dark-mode .lektuere-page [style*="color: #1d4ed8"]{color:#60a5fa!important}.dark-mode .lektuere-tabs{border-bottom-color:#ffffff1f!important}.dark-mode .lektuere-tabs button[style*="color: #1d4ed8"]{border-bottom-color:#60a5fa!important}.dark-mode .lektuere-coll-card{border-color:#ffb6274d!important}.dark-mode .lektuere-coll-header{background:#1e293beb!important;color:#fff!important}.dark-mode .lektuere-coll-header.open{background:#25325af2!important}.dark-mode .lektuere-coll-header:hover{background:#ffb62714!important}.dark-mode .lektuere-coll-header *{color:inherit!important}.dark-mode .lektuere-coll-header [style*="color: #6b7280"],.dark-mode .lektuere-coll-header [style*="color: #9ca3af"]{color:#ffffff8c!important}.dark-mode .lektuere-coll-meta{background:#1e293beb!important;color:#fff!important}.dark-mode .lektuere-coll-meta.open{background:#25325af2!important}.dark-mode .lektuere-coll-body{background:#0c1224d9!important;border-top-color:#ffffff14!important;color:#fff!important}.dark-mode .lektuere-coll-body *{color:inherit!important}.dark-mode .lektuere-coll-body>div>div[style*=borderTop]{border-top-color:#ffffff12!important}.dark-mode .lektuere-coll-body button:not(.primary-btn){background:#ffffff0f!important;border-color:#ffffff26!important;color:#ffffffb3!important}.dark-mode .lektuere-coll-body div[style*="rgba(59,130,246"]{background:#3b82f61f!important}.dark-mode .lektuere-coll-body label{color:#fff9!important}.dark-mode .lektuere-search-card{background:#1e293beb!important;border-color:#ffb6274d!important;color:#fff!important}.dark-mode .lektuere-search-card *{color:inherit!important}.dark-mode .lektuere-search-card [style*="color: #9ca3af"],.dark-mode .lektuere-search-card [style*="color: #6b7280"]{color:#ffffff8c!important}.dark-mode .lektuere-page div[style*="background: #fffef7"]{background:#281e0acc!important;border-color:#fdd34d80!important;color:#fff!important}.dark-mode .lektuere-page div[style*="background: #fef2f2"]{background:#7f1d1d66!important;color:#fca5a5!important}.dark-mode .lektuere-page div[style*="background: rgba(124,58,237"]{background:#7c3aed26!important;color:#fff!important}.dark-mode .lektuere-page div[style*="background: #fff"]{background:#0f172af7!important;color:#fff!important}.dark-mode .lektuere-page span[style*="background: #dbeafe"]{background:#1e40af80!important;color:#93c5fd!important}.dark-mode .help-pill{background:#1e293be6!important;border-color:#94a3b880!important;color:#ffffffd9!important}.dark-mode .help-pill:hover{background:#334155e6!important;border-color:#94a3b8!important;color:#fff!important}.dark-mode .help-pill--normal{border-color:#94a3b899!important;color:#fffc!important}.dark-mode .help-pill--warning{background:#78350f66!important;border-color:#f59e0b!important;color:#fcd34d!important}.dark-mode .help-pill--warning:hover{background:#92400e80!important}.dark-mode .help-pill--critical{background:#7f1d1d66!important;border-color:#f87171!important;color:#fca5a5!important}.dark-mode .help-pill--critical:hover{background:#991b1b80!important}.dark-mode .help-count{background:#ffffff26!important;color:#ffffffe6!important}.dark-mode .modal-content.help-modal,.dark-mode .modal-content.intro-modal{background:#0f172af7!important;border:2px solid var(--gold)!important;color:#fff!important}.dark-mode .modal-header{background:#0f172af7!important;border-bottom-color:var(--gold)!important;color:#fff!important}.dark-mode .modal-header h2,.dark-mode .modal-header h3{color:#fff!important}.dark-mode .modal-close{color:#fff9!important}.dark-mode .modal-close:hover{background:#ffffff1a!important;color:#fff!important}.dark-mode .modal-body{background:transparent!important;color:#ffffffe6!important}.dark-mode .help-modal h4,.dark-mode .intro-modal h3{color:var(--gold)!important}.dark-mode .help-modal li,.dark-mode .intro-modal li{color:#ffffffd9!important}.dark-mode .help-merksatz{color:#ffffffe6!important}.dark-mode .modal-footer-grid{background:transparent!important;border-top-color:#ffb6274d!important}.dark-mode .modal-footer{background:#ffffff0a!important;border-top-color:#ffb6274d!important}.dark-mode .modal-body th[style*="background: #f0f0f0"]{background:#ffb62726!important;color:var(--gold)!important;border-color:#ffb6274d!important}.dark-mode .modal-body tr[style*="background: #fff"],.dark-mode .modal-body tr[style*="background: #f7f7f7"]{background:transparent!important}.dark-mode .modal-body td{border-color:#ffffff1a!important;color:#ffffffe6!important}.dark-mode .data-privacy-modal{background:#0f172af7!important;border:2px solid var(--gold)!important;color:#fff!important}.dark-mode .data-privacy-modal h2{color:#fff!important}.dark-mode .data-privacy-modal p{color:#ffffffd9!important}.dark-mode .data-privacy-modal label{color:#fff!important}.dark-mode .data-privacy-modal button[style*="background: #f3f4f6"]{background:#ffffff1a!important;color:#fff!important}.dark-mode .ll-feedback-context{background:#1e293bcc!important;border-color:#ffb6274d!important;color:#ffffffd9!important}.dark-mode .ll-context-label{color:var(--gold)!important}.dark-mode .ll-modal-btn-secondary{background:#ffffff14!important;border-color:#fff3!important;color:#ffffffd9!important}.dark-mode .ll-modal-btn-secondary:hover{background:#ffffff24!important}.dark-mode .settings-card{background:#0f172af7!important;color:#fff!important}.dark-mode .settings-card-container{background:transparent!important}.dark-mode .accordion-ui-header{background:#1e293be6!important;border-color:var(--gold)!important;color:#fff!important}.dark-mode .accordion-ui-header:hover{background:#ffb62726!important}.dark-mode .accordion-ui-header.active{background:var(--gold)!important;color:#111827!important;border-color:var(--gold)!important}.dark-mode .accordion-ui-content{background:#0f172a99!important;border-color:var(--gold)!important}.dark-mode .settings-card div[style*="background: #f9fafb"],.dark-mode .settings-card div[style*="background:#f9fafb"]{background:#1e293bcc!important;border-color:#ffb62766!important;color:#fff!important}.dark-mode .settings-card div[style*="background: #f0fdf4"],.dark-mode .settings-card div[style*="background:#f0fdf4"]{background:#14532d66!important;border-color:#4ade80!important;color:#bbf7d0!important}.dark-mode .settings-card div[style*="background: #fef2f2"],.dark-mode .settings-card div[style*="background:#fef2f2"]{background:#7f1d1d66!important;border-color:#f87171!important;color:#fca5a5!important}.dark-mode .settings-card div[style*="background: #f0f9ff"],.dark-mode .settings-card div[style*="background:#f0f9ff"]{background:#1e40af4d!important;border-color:#93c5fd!important;color:#bfdbfe!important}.dark-mode .settings-card div[style*="color: #6b7280"],.dark-mode .settings-card span[style*="color: #6b7280"],.dark-mode .settings-card div[style*="color: #166534"]{color:#fff9!important}.vocab-quiz-screen{display:flex;flex-direction:column;padding:0}.vocab-quiz-header{padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-light, #f5f7fb);border-bottom:1px solid var(--border-color-light, #e5e7eb)}.dark-mode .vocab-quiz-header{background:#1a202c;border-bottom-color:#ffffff1a}.vocab-progress-bar{width:100%;height:8px;background:#00000014;border-radius:99px;overflow:hidden}.dark-mode .vocab-progress-bar{background:#ffffff1a}.vocab-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.vocab-stats{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--text-primary)}.vocab-stat-item strong{font-weight:700;color:var(--primary-color, #6c63ff)}.vocab-stat-divider{opacity:.3}.vocab-stat-streak{font-weight:700;color:#f59e0b}.vocab-quiz-content{flex:1;display:flex;flex-direction:column;padding:1.5rem 1.25rem;background:#fff;border-radius:1.75rem 1.75rem 0 0;min-height:calc(100vh - 180px);box-shadow:0 -4px 32px #00000026;width:100%;max-width:48rem;margin:0 auto}.vocab-target-header{width:100%;margin:0 auto 1.5rem;font-size:2.5rem;font-weight:900;color:#111827;text-align:center;font-style:italic;padding:1rem 0 1.5rem;line-height:1.2}.dark-mode .vocab-target-header{color:#fff}.vocab-flip-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%}.vocab-card{background-color:var(--card-bg);border-radius:24px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px;height:300px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:1px solid var(--border-color, rgba(0, 0, 0, .05))}.vocab-card.flipped{transform:rotateY(180deg)}.vocab-card-front,.vocab-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;padding:2rem;box-sizing:border-box}.vocab-card-front{background:linear-gradient(135deg,#fff,#f5f7fa)}.dark-mode .vocab-card-front{background:linear-gradient(135deg,#2d3748,#1a202c)}.vocab-card-back{background:linear-gradient(135deg,#e6fffa,#b2f5ea);transform:rotateY(180deg);color:#234e52}.dark-mode .vocab-card-back{background:linear-gradient(135deg,#234e52,#193639);color:#e6fffa}.vocab-latin{font-size:2.5rem;font-weight:800;text-align:center;color:var(--text-primary)}.vocab-german{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.vocab-context{font-size:1.1rem;opacity:.8;margin-bottom:1.5rem;font-style:italic}.vocab-meta-info{display:flex;gap:.5rem}.tag{background:#0000001a;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:600}.letter-pills{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;align-items:flex-end}.letter-pill{width:2.5rem;height:3.5rem;position:relative;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--text-primary)}.letter-pill:after{content:"";position:absolute;bottom:0;left:0;right:0;height:.375rem;background:#e5e7eb;border-radius:999px;transition:background-color .3s ease}.letter-pill.filled:after{background:#7c3aed}.dark-mode .letter-pill{color:#fff}.dark-mode .letter-pill:after{background:#374151}.dark-mode .letter-pill.filled:after{background:#8b5cf6}.vocab-chunks-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;min-height:400px}.vocab-answer-preview{min-height:3rem;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding:.5rem 1rem;border-bottom:2px solid var(--primary-color, #6c63ff);color:var(--text-primary);text-align:center;display:flex;align-items:center;justify-content:center;width:100%}.vocab-answer-preview .placeholder{color:#ccc;font-weight:400}.vocab-chunks-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%;margin-bottom:2rem}.chunk-btn{background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:.75rem 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .1s;box-shadow:0 2px 4px #0000000d}.chunk-btn:active{transform:scale(.95)}.chunk-btn.selected{background:var(--primary-color, #6c63ff);color:#fff;border-color:var(--primary-color, #6c63ff);box-shadow:0 4px 12px #6c63ff4d}.dark-mode .chunk-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .chunk-btn.selected{background:var(--primary-color, #6c63ff);color:#fff}.chunk-btn.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;background:#fed7d7!important;border-color:#e53e3e!important;color:#c53030!important}.chunk-btn.used{opacity:0;pointer-events:none;transform:scale(.8)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.vocab-answer-preview.complete{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #f59e0b66;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dark-mode .vocab-answer-preview.complete{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.vocab-controls{display:flex;gap:1rem;margin-top:2rem;width:100%;max-width:100%;padding-top:1.5rem;border-top:2px solid #f3f4f6}.vocab-btn-next{width:100%;background:#fc0;border:3px solid #111827;border-radius:1rem;padding:1.125rem 2rem;font-size:1.2rem;font-weight:900;color:#111827;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 6px #cc9f00,0 8px 16px #0003;transition:all .2s}.vocab-btn-next:disabled{background:#e5e7eb;border:3px solid #d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.8}.dark-mode .vocab-btn-next:disabled{background:#4a5568;color:#718096;border-color:#2d3748}.vocab-btn-next:not(:disabled):hover,.vocab-btn-next:not(:disabled):active{transform:translateY(-3px);box-shadow:0 9px #cc9f00,0 12px 24px #00000040}.vocab-hint-text{margin-top:1.5rem;opacity:.5;font-size:.9rem}.vocab-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;width:100%;max-width:800px;margin:0 auto}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer}.vocab-active-count{font-weight:700;color:var(--primary-color, #6c63ff)}.vocab-progress-detail{opacity:.7;font-size:.9rem}.vocab-result-summary{text-align:center;margin-bottom:2rem}.vocab-result-count{font-size:3rem;font-weight:800;color:var(--primary-color, #6c63ff)}.vocab-result-label{font-size:1.1rem;opacity:.7}.vocab-result-accuracy{margin-top:.5rem;font-size:1rem;opacity:.8;font-weight:600}.vocab-result-promotions{margin-top:.5rem;font-size:1.2rem;font-weight:700;color:#48bb78}.vocab-result-rounds{margin-top:.25rem;font-size:.9rem;opacity:.5}.vocab-result-list{display:flex;flex-direction:column;gap:.75rem}.vocab-result-item{background:#8b5cf614;padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid rgba(139,92,246,.3);transition:all .2s}.vocab-result-item.promoted{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-left-color:#f59e0b}.vocab-result-latin{font-weight:700;font-size:1.1rem}.vocab-result-german{font-size:.9rem;opacity:.7}.vocab-result-box{display:flex;align-items:center;gap:.5rem}.vocab-result-box-label{font-size:.85rem;font-weight:600;color:var(--primary-color, #6c63ff);white-space:nowrap}.vocab-result-promoted-badge{color:#48bb78;font-weight:800;font-size:1.2rem}.vocab-result-streak{font-size:.85rem;font-weight:700;color:#f59e0b}.vocab-progress-areas{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.vocab-progress-area{border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:16px;overflow:hidden;background:var(--card-bg, #fff)}.dark-mode .vocab-progress-area{border-color:#ffffff1f}.vocab-progress-area-header{padding:1rem 1.25rem;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;transition:background .15s}.vocab-progress-area-header:hover{background:#00000008}.dark-mode .vocab-progress-area-header:hover{background:#ffffff0d}.vocab-progress-area-info{flex:1;min-width:0}.vocab-progress-area-name{font-weight:800;font-size:1.15rem}.vocab-progress-area-meta{font-size:.85rem;opacity:.6;margin-top:.15rem;display:flex;align-items:center;gap:.5rem}.vocab-due-badge{background:#fed7d7;color:#c53030;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700}.dark-mode .vocab-due-badge{background:#c5303040;color:#feb2b2}.vocab-progress-area-chevron{font-size:.75rem;opacity:.4;transition:transform .2s}.vocab-progress-bar.small{height:4px;margin-top:.5rem}.vocab-progress-bar-mastered{height:100%;background:#48bb78;border-radius:99px 0 0 99px;transition:width .3s}.vocab-progress-bar-learning{height:100%;background:#63b3ed;transition:width .3s}.vocab-progress-lessons{border-top:1px solid var(--border-color, rgba(0, 0, 0, .08));padding:.5rem}.vocab-progress-lesson{padding:.75rem;border-radius:10px;transition:background .15s}.vocab-progress-lesson:hover{background:#00000005}.vocab-progress-lesson-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.vocab-progress-lesson-info{flex:1;min-width:0}.vocab-progress-lesson-name{font-weight:600;font-size:.95rem}.vocab-progress-lesson-stats{font-size:.8rem;opacity:.6;margin-top:.1rem;display:flex;align-items:center;gap:.4rem}.vocab-progress-lesson-actions{display:flex;gap:.4rem}.vocab-progress-start-btn,.vocab-progress-reset-btn{border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:transform .1s,background .15s}.vocab-progress-start-btn{background:var(--primary-color, #6c63ff);color:#fff}.vocab-progress-start-btn:active{transform:scale(.9)}.vocab-progress-reset-btn{background:#0000000f;color:var(--text-primary)}.dark-mode .vocab-progress-reset-btn{background:#ffffff1a}.vocab-progress-reset-btn:active{transform:scale(.9)}.vocab-status-badge{padding:.1rem .45rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em}.vocab-status-badge.new{background:#0000000f;color:var(--text-primary);opacity:.5}.dark-mode .vocab-status-badge.new{background:#ffffff1a}.vocab-status-badge.active{background:#bee3f8;color:#2b6cb0}.dark-mode .vocab-status-badge.active{background:#2b6cb040;color:#90cdf4}.vocab-status-badge.done{background:#c6f6d5;color:#276749}.dark-mode .vocab-status-badge.done{background:#27674940;color:#9ae6b4}.vocab-area-reset-btn{width:100%;padding:.6rem;margin-top:.25rem;background:none;border:1px dashed var(--border-color, rgba(0, 0, 0, .15));border-radius:10px;color:var(--text-primary);opacity:.5;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .15s}.vocab-area-reset-btn:hover{opacity:.8}@media(min-width:40rem){.vocab-section{max-width:48rem;margin-left:auto;margin-right:auto}}@media(min-width:48rem){.vocab-quiz-header{padding:1.5rem}.vocab-quiz-content{padding:2rem}.vocab-card{max-width:500px;height:350px}.vocab-latin{font-size:3rem}.vocab-german{font-size:2.5rem}}