:root{--primary:#0f172a;--accent:#2563eb;--bg:#f8fafc;--card-bg:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--afb1:#10b981;--afb2:#8b5cf6;--afb3:#ef4444;--abitur:#f97316;--tools:#06b6d4;--grading:#ec4899}*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}html{min-height:100%}body{background-color:var(--bg);color:var(--text-main);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#app{flex:1}#app>header{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);color:white;padding:4rem 2rem 5rem;text-align:center;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);box-shadow:0 10px 20px rgba(0,0,0,0.1)}#app>header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:0.5rem}#app>header p{font-size:1.2rem;opacity:0.9;font-weight:300}.origin-badge{display:inline-block;background-color:rgba(255,255,255,0.2);backdrop-filter:blur(5px);color:#fff;font-size:0.85rem;padding:6px 14px;border-radius:20px;margin-bottom:20px;font-weight:600;letter-spacing:0.5px}.info-badge{display:inline-block;background-color:rgba(255,255,255,0.2);backdrop-filter:blur(5px);color:#fff;font-size:1.1rem;padding:8px 16px;border-radius:20px;margin:16px 0 20px;font-weight:400;letter-spacing:0.3px;line-height:1.5;max-width:600px}.info-badge-wide{display:block;background-color:rgba(59,130,246,0.1);backdrop-filter:blur(5px);color:var(--text-main);font-size:1.1rem;padding:12px 24px;border-radius:12px;margin:0 auto 30px;font-weight:400;letter-spacing:0.3px;line-height:1.6;max-width:900px;border:1px solid rgba(59,130,246,0.2);text-align:center}.cta-button-container{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:25px;flex-wrap:wrap}.cta-button{border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);min-width:200px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.cta-button:active{transform:translateY(0)}.cta-primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.cta-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.cta-secondary{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:white}.cta-secondary:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%)}@media (max-width:640px){.cta-button-container{flex-direction:column}.cta-button{width:100%;max-width:320px}}.intro-section{max-width:900px;margin:0 auto 20px auto;text-align:center;padding:0 20px}.intro-text{color:#4b5563;line-height:1.6;margin-bottom:30px;font-size:1.05rem}.afb-explainer{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.afb-card{flex:1;min-width:220px;padding:20px;border-radius:12px;border:2px solid #e5e7eb;text-align:left;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:all 0.2s ease;cursor:pointer;position:relative;overflow:hidden}.afb-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px rgba(0,0,0,0.1);border-color:#cbd5e1}.afb-card.active{background-color:#f0f7ff !important;border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(37,99,235,0.2) !important}.afb-card.active::after{content:"✓";position:absolute;top:10px;right:15px;font-size:1.2rem;color:var(--accent);font-weight:bold}.afb-card strong{display:block;margin-bottom:5px;color:#1e293b;font-weight:800;font-size:1.1rem}.afb-desc{color:#64748b;font-size:0.9rem;line-height:1.4;display:block}.afb-desc em{display:block;margin-top:8px;font-style:normal;font-weight:600;color:#334155;background:#f1f5f9;padding:4px 8px;border-radius:6px;display:inline-block}.afb-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:#e2e8f0;transition:background 0.3s ease}.afb-explainer .afb-card::before{background:var(--cat-color,#cbd5e1)}.sub-filter-container{display:none;justify-content:center;align-items:center;gap:0.75rem;padding:1rem 2rem;max-width:1200px;margin:0 auto;background:#f8fafc;border-radius:12px;margin-bottom:1.5rem}.sub-filter-group{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center}.sub-filter-btn{padding:0.6rem 1.25rem;border:2px solid #e2e8f0;border-radius:8px;background:white;color:#475569;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.sub-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);border-color:#cbd5e1}.sub-filter-btn[data-category="AFB II"].active{background:var(--afb2);color:white;border-color:var(--afb2);box-shadow:0 0 0 3px rgba(139,92,246,0.2)}.sub-filter-btn[data-category="AFB II"]:hover{background:rgba(139,92,246,0.05);border-color:var(--afb2)}.sub-filter-btn[data-category="AFB III"].active{background:var(--afb3);color:white;border-color:var(--afb3);box-shadow:0 0 0 3px rgba(239,68,68,0.2)}.sub-filter-btn[data-category="AFB III"]:hover{background:rgba(239,68,68,0.05);border-color:var(--afb3)}.sub-filter-btn:active{transform:translateY(0)}@media (max-width:768px){.sub-filter-container{padding:0.75rem 1rem;margin-bottom:1rem}.sub-filter-btn{padding:0.5rem 1rem;font-size:0.9rem}}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 20px 40px;position:sticky;top:20px;z-index:100}.divider-text{display:block;width:100%;text-align:center;margin:5px 0 5px 0;font-size:0.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.filter-btn{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border:1px solid #e2e8f0;padding:10px 20px;border-radius:30px;cursor:pointer;font-weight:600;color:var(--text-muted);transition:all 0.2s;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,0.1);color:var(--primary)}.filter-btn.active{background:var(--primary) !important;color:white !important;border-color:transparent}#cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.card,.skill-card{background:var(--card-bg);border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:all 0.3s ease;cursor:pointer;border:1px solid #f1f5f9;display:flex;flex-direction:column;position:relative;overflow:hidden}.card:hover,.skill-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)}.card-locked{opacity:0.7}.card-locked:hover{transform:translateY(-4px);opacity:0.85}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.75rem}.lock-icon{font-size:1.2rem}.card-title{font-size:1.25rem;margin-bottom:0.5rem;color:var(--text-main);font-weight:700}.card-short{color:var(--text-muted);font-size:0.95rem;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.card::before,.skill-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:#cbd5e1}.card:has(.badge[style*="10b981"])::before,.skill-card:has(.badge[style*="10b981"])::before{background:var(--afb1)}.card:has(.badge[style*="8b5cf6"])::before,.skill-card:has(.badge[style*="8b5cf6"])::before{background:var(--afb2)}.card:has(.badge[style*="ef4444"])::before,.skill-card:has(.badge[style*="ef4444"])::before{background:var(--afb3)}.card:has(.badge[style*="f97316"])::before,.skill-card:has(.badge[style*="f97316"])::before{background:var(--abitur)}.card:has(.badge[style*="06b6d4"])::before,.skill-card:has(.badge[style*="06b6d4"])::before{background:var(--tools)}.card:has(.badge[style*="ec4899"])::before,.skill-card:has(.badge[style*="ec4899"])::before{background:#ec4899}.badge{align-self:flex-start;padding:5px 10px;border-radius:8px;font-size:0.7rem;font-weight:800;text-transform:uppercase;color:white}mark{background:#fef08a;color:#854d0e;padding:2px 4px;border-radius:3px;font-weight:600}#card-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.empty-state{text-align:center !important;grid-column:1 / -1;padding:2rem 2rem;color:var(--text-muted);font-size:1.1rem;max-width:100% !important;margin:0 auto !important;width:100% !important}.empty-state p{margin:0}.modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.modal.modal-open{display:flex}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.85);backdrop-filter:blur(5px);z-index:9998}.modal-content{position:relative;z-index:9999;background:white;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;border-radius:20px;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.modal-close:hover{background:#ec4899;color:white;transform:rotate(90deg)}.modal-body{padding:3rem;font-size:1.1rem;color:#334155;line-height:1.7}.modal-content h3{color:var(--accent);margin:2.5rem 0 1rem;font-size:1.6rem;border-left:5px solid var(--accent);padding-left:1rem}.modal-content h3:first-child{margin-top:0}.modal-content h4{color:var(--primary);margin:1.5rem 0 0.5rem;font-size:1.2rem;font-weight:700}.modal-content ul,.modal-content ol{padding-left:1.5rem;margin-bottom:1.5rem}.modal-content li{margin-bottom:0.5rem}.highlight-box{background:#eff6ff;border:1px solid #bfdbfe;padding:1.5rem;border-radius:12px;margin:2rem 0;color:#1e3a8a}.table-wrap{overflow-x:auto;margin:2rem 0;border:1px solid #e2e8f0;border-radius:8px}.table-wrap table:not(.grading-table) tr:last-child td,.table-wrap table:not(.grading-table) tr:last-child th{border-bottom:none}table{width:100%;border-collapse:collapse;min-width:0;font-size:0.95rem;background:white}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top;overflow-wrap:anywhere;word-break:break-word}th{background:#f8fafc;color:var(--primary);font-weight:700;position:sticky;top:0}tr:hover td{background:#f1f5f9}.grading-table th{background:var(--primary);color:white;text-align:center;border:1px solid rgba(255,255,255,0.2)}.grading-table td{border:1px solid #cbd5e1}.unlock-button{position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.95);color:#1e3a8a;border:2px solid rgba(255,255,255,0.3);padding:10px 20px;border-radius:30px;font-weight:700;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1);z-index:10}.unlock-button:hover{background:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.locked-card{position:relative;opacity:0.8;background:linear-gradient(135deg,rgba(255,255,255,0.99) 0%,rgba(248,250,252,0.99) 100%);cursor:pointer;border:2px dashed #cbd5e1}.locked-card:hover{opacity:1;border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 15px 30px rgba(59,130,246,0.15)}.locked-card h3{color:var(--text-main)}.locked-card p{color:var(--text-muted)}.lock-icon{position:absolute;top:20px;right:20px;font-size:2rem;opacity:0.6;transition:all 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.locked-card:hover .lock-icon{opacity:1;transform:scale(1.1)}.paywall-modal{position:fixed;inset:0;background:rgba(15,23,42,0.9);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn 0.3s ease-out}.close-modal{position:absolute;top:2rem;right:2rem;background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;color:#64748b}.close-modal:hover{background:#ec4899;color:white;transform:rotate(90deg)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.paywall-content{background:white;width:100%;max-width:600px;border-radius:24px;padding:40px;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,0.4);animation:slideUp 0.4s ease-out;max-height:90vh;overflow-y:auto}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.paywall-header{text-align:center;margin-bottom:30px}.paywall-header h2{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:10px}.paywall-header p{color:#64748b;font-size:1.05rem;line-height:1.6}.paywall-features{background:#f8fafc;border-radius:12px;padding:24px;margin:24px 0}.paywall-features .feature{padding:12px 0;color:#334155;font-size:1rem;font-weight:500;border-bottom:1px solid #e2e8f0}.paywall-features .feature:last-child{border-bottom:none}.paywall-price{text-align:center;margin:30px 0 20px 0}.price-display{display:flex;flex-direction:column;align-items:center;gap:8px}.price-amount{font-size:3rem;font-weight:900;color:#10b981;letter-spacing:-2px;line-height:1}.price-note{color:#6b7280;font-size:0.875rem;font-weight:500}.paywall-info{margin:20px 0}.paywall-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.paywall-footer a{text-decoration:none;transition:color 0.2s}.paywall-footer a:hover{color:#3b82f6 !important}#paywall-email-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}#stripe-pay-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important}#stripe-pay-btn:disabled:hover{transform:none !important;box-shadow:0 4px 14px rgba(99,91,255,0.3) !important}#paypal-button-container{min-height:45px}@media (max-width:768px){.paywall-content{padding:30px 20px;max-height:95vh}.paywall-header h2{font-size:1.5rem}.price-amount{font-size:2rem}.unlock-button{top:15px;right:15px;padding:8px 16px;font-size:0.85rem}}.code-input-group{display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap}.code-input{flex:1;min-width:200px;padding:0.75rem 1rem;font-size:1rem;font-family:monospace;letter-spacing:1px;text-transform:uppercase;border:2px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color 0.2s}.code-verify-btn{padding:0.75rem 1.5rem;white-space:nowrap;background:#10b981;color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background 0.2s}@media (max-width:640px){.code-input-group{flex-direction:column}.code-input{width:100%}.code-verify-btn{width:100%}}@media (max-width:768px){header h1{font-size:2.2rem}.modal-content{padding:1.5rem}.modal-header{padding:1.5rem}.grid{grid-template-columns:1fr;padding:0 1rem}#cards-container{grid-template-columns:1fr;padding:0 1rem;gap:1.5rem}.card,.skill-card{padding:1.5rem}.card-title{font-size:1.25rem}.card-short{font-size:0.9rem}.badge{font-size:0.65rem;padding:4px 8px}.modal-content{width:100%;max-height:95vh;border-radius:12px}.modal-header{padding:1.25rem 1rem}.modal-body{padding:1.5rem 1rem;font-size:0.95rem;line-height:1.6}.modal-content h3{font-size:1.25rem !important;margin:1.5rem 0 0.75rem !important;padding-left:0.75rem !important;border-left-width:3px !important}.modal-content h4{font-size:1.05rem !important;margin:1rem 0 0.5rem !important}.modal-content ul,.modal-content ol{padding-left:1.25rem !important;margin-bottom:1rem !important}.modal-content li{margin-bottom:0.4rem !important;font-size:0.9rem}.modal-content p{margin-bottom:1rem}.highlight-box{padding:1rem !important;margin:1.25rem 0 !important;font-size:0.9rem}.table-wrap{margin:1.25rem 0 !important;border-radius:6px}table{font-size:0.8rem !important;min-width:0}th,td{padding:10px 12px !important}th{font-size:0.75rem;position:static}.grading-table th,.grading-table td{padding:8px 10px !important;font-size:0.75rem}.afb-explainer{gap:10px}.afb-card{min-width:160px;padding:15px}.afb-card strong{font-size:0.95rem}.afb-desc{font-size:0.8rem}#card-search{width:100% !important;min-width:unset !important;font-size:0.9rem !important;padding:0.65rem 0.85rem !important}.controls{padding:0 15px 30px;gap:8px}.filter-btn{padding:8px 16px;font-size:0.8rem}.divider-text{font-size:0.75rem;margin:3px 0}.info-badge{font-size:0.95rem !important;padding:6px 12px !important;max-width:90% !important}.info-badge-wide{font-size:0.95rem !important;padding:10px 18px !important;max-width:95% !important}}.landing-page{margin:0;padding:0}.landing-page .hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);color:white;margin-bottom:2rem;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.landing-page .hero h1{font-size:2.8rem;font-weight:800;margin-bottom:0.5rem}.hero-subtitle{font-size:1.3rem;opacity:0.95;margin-bottom:1rem}.hero-description{font-size:1rem;opacity:0.85;max-width:600px;margin:0 auto}.hero-content{display:flex;justify-content:center;margin-top:2rem}.hero-info-box{max-width:600px;width:100%;text-align:left;padding:1.5rem !important}.info-text{line-height:1.8;margin-bottom:1rem;text-align:center}.teacher-credit{line-height:1.8;opacity:0.95;margin-bottom:1.5rem;text-align:center}.hero-portrait-bottom{display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.2)}.hero-portrait-bottom img{width:104px;height:104px;border-radius:50%;object-fit:cover;object-position:center 35%;border:3px solid rgba(255,255,255,0.4);box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform 0.3s ease}.hero-portrait-bottom img:hover{transform:scale(1.05)}.portrait-name{font-size:0.9rem;font-weight:400;opacity:0.9;text-align:center}@media (max-width:768px){.info-box-content{flex-direction:column-reverse;align-items:center;text-align:center}.info-text{text-align:center}.hero-portrait-inline img{width:100px;height:100px}.hero h1{font-size:2.2rem}.teacher-credit{text-align:center}.hero-info-box{padding:1.5rem !important;flex-direction:column !important;gap:1rem !important;text-align:center !important}.hero-info-box > div{text-align:center !important}.mobile-cards-container{width:100%;display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 0;margin:0;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-cards-container .skill-card{margin:0;width:100%}}.state-selector,.subject-selector{margin:2rem auto;max-width:1200px;padding:0 2rem}.state-selector h2,.subject-selector h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-main);text-align:center}.state-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.state-search{flex:1;min-width:250px;padding:0.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all 0.2s}.state-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.availability-filters{display:flex;gap:0.5rem;flex-wrap:wrap}.filter-btn{padding:0.6rem 1rem;border:2px solid #e2e8f0;background:white;border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:600;transition:all 0.2s;color:var(--text-secondary)}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);color:white;border-color:var(--accent)}.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;max-width:1200px;margin:0 auto;justify-content:center}@media (max-width:640px){.state-selector,.subject-selector{padding:0 1rem}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:100%}.state-flag{height:70px}.state-info{padding:.65rem}.state-card h3{font-size:.85rem;flex-wrap:wrap;gap:.25rem}.state-badge{margin-left:0;margin-top:.15rem;font-size:.55rem;padding:.15rem .35rem}}@media (min-width:641px) and (max-width:1024px){.state-grid{max-width:800px}}.state-card{background:white;border:2px solid #e2e8f0;border-radius:16px;padding:0;cursor:pointer;transition:all 0.3s ease;overflow:hidden;display:flex;flex-direction:column}.state-card:hover:not(.disabled){border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.state-card.selected{border-color:var(--accent);background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,0.2)}.state-card.disabled{opacity:0.6;cursor:not-allowed}.state-flag{width:100%;height:95px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #e2e8f0}.state-flag img{width:100%;height:100%;object-fit:cover;object-position:center}.state-info{padding:0.85rem;text-align:left}.state-card h3{font-size:1rem;color:var(--text-main);margin-bottom:0.4rem;font-weight:700;line-height:1.3;word-wrap:break-word}.state-population{font-size:0.9rem;color:#64748b;margin-bottom:0.75rem;display:block;line-height:1.4}.state-badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;margin-left:0.5rem;margin-top:0.25rem;vertical-align:middle;white-space:nowrap}.state-badge.available{background:#d1fae5;color:#065f46}.state-badge.coming-soon{background:#fef3c7;color:#92400e}.state-badge.future{background:#e0e7ff;color:#3730a3}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.subject-card{background:white;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;text-decoration:none;color:inherit;transition:all 0.2s ease}.subject-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.subject-icon{font-size:3rem;display:block;margin-bottom:0.75rem;font-family:'Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji','Apple Color Emoji','EmojiOne Color',sans-serif}.subject-card h3{font-size:1.3rem;margin-bottom:0.5rem}.subject-info{color:var(--text-muted);font-size:0.9rem;margin-bottom:0.5rem}.subject-price{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:1rem}.subject-cta{color:var(--accent);font-weight:600}.preview-section{margin:2rem auto 1rem;padding:0 2rem;max-width:1200px}.preview-section h2{text-align:center;margin-bottom:2rem}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto}@media (max-width:1024px){.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.subject-card{padding:1rem}.subject-icon{font-size:2rem;margin-bottom:0.5rem}.subject-card h3{font-size:1.1rem;margin-bottom:0.25rem}.subject-info{font-size:0.85rem;margin-bottom:0.25rem}.subject-price{font-size:1.2rem;margin-bottom:0.5rem}}.preview-card{background:white;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.preview-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.preview-card h3{font-size:1.1rem;margin-bottom:0.5rem}.preview-card p{color:var(--text-muted);font-size:0.9rem}.back-button{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin:0 auto 1.5rem auto;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(37,99,235,0.3);display:block}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.4);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.back-button:active{transform:translateY(0)}.products-overview{margin:4rem 0}.products-overview h2{text-align:center;margin-bottom:2rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.product-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all 0.2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.product-icon{font-size:1.5rem}.product-state{font-size:0.85rem;color:var(--text-muted);background:#f1f5f9;padding:2px 10px;border-radius:12px}.product-card h3{font-size:1.2rem;margin-bottom:0.5rem}.product-categories{color:var(--text-muted);font-size:0.9rem;margin-bottom:0.5rem}.product-price{font-size:1.3rem;font-weight:700;color:var(--afb1);margin-bottom:0.5rem}.product-cta{color:var(--accent);font-weight:600;font-size:0.9rem}.error-page{max-width:600px;margin:4rem auto;padding:0 1rem;text-align:center}.error-content h1{font-size:6rem;color:var(--text-muted);margin-bottom:0}.error-content h2{font-size:1.5rem;margin-bottom:1rem}.error-content p{color:var(--text-muted);margin-bottom:2rem}.error-suggestions{margin-top:3rem;text-align:left}.error-suggestions h3{margin-bottom:1rem}.suggestions-grid{display:flex;flex-direction:column;gap:0.5rem}.suggestion-card{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:white;border-radius:8px;text-decoration:none;color:inherit;transition:background 0.2s}.suggestion-card:hover{background:#f1f5f9}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);transform:translateX(120%);transition:transform 0.3s ease;max-width:350px}.toast-visible{transform:translateX(0)}.toast-error{border-left:4px solid #ef4444}.toast-success{border-left:4px solid #10b981}.toast-info{border-left:4px solid #3b82f6}.toast-icon{font-size:1.2rem}.toast-message{flex:1;font-size:0.9rem}.toast-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);padding:0 4px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-message{color:var(--text-muted);margin-top:1rem}.btn-primary{display:inline-block;background:var(--accent);color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:background 0.2s}.btn-primary:hover{background:#1d4ed8}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;padding:0}.btn-link:hover{text-decoration:underline}.back-link{display:inline-block;color:rgba(255,255,255,0.95);text-decoration:none;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:0.75rem 1.25rem;background:rgba(255,255,255,0.1);border-radius:8px;transition:all 0.2s ease}.back-link:hover{color:white;background:rgba(255,255,255,0.15);transform:translateX(-4px)}.test-badge{display:inline-block;background:#fef3c7;color:#92400e;font-size:0.75rem;padding:4px 10px;border-radius:4px;font-weight:600;margin-left:10px}.empty-state{text-align:center !important;grid-column:1 / -1;padding:4rem 2rem;color:var(--text-muted);font-size:1.1rem;max-width:100% !important;margin:0 auto !important;width:100% !important}.empty-state p{margin:0}.no-subjects{text-align:center;padding:2rem;color:var(--text-muted)}.payment-buttons{margin:1.5rem 0}.pay-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:2px solid #e2e8f0;border-radius:8px;background:white;cursor:pointer;transition:all 0.2s;text-align:left}.pay-btn:hover:not(:disabled){border-color:var(--accent);background:#f8fafc}.pay-btn:disabled{opacity:0.5;cursor:not-allowed}.pay-btn-stripe{border-color:#635bff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);color:white}.pay-btn-stripe:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-color:#4f46e5}.pay-icon{font-size:1.5rem}.pay-text{display:flex;flex-direction:column}.pay-title{font-weight:600;font-size:0.95rem}.pay-subtitle{font-size:0.8rem;opacity:0.8}.pay-divider{text-align:center;color:var(--text-muted);margin:1rem 0;font-size:0.9rem}#paypal-button-container{min-height:45px}
/* Mobile UI Fixes (Feb 4, 2026) */
@media (max-width:768px){
.afb-card.active{position:sticky;top:80px;z-index:10;background:white;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.modal-header{box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.modal-body{position:relative;z-index:1;}
.table-wrap{mask-image:none;-webkit-mask-image:none;overflow-x:visible;}
.modal-content table:not(.grading-table):not(.table-keep) thead{position:static;}
.modal-content table:not(.grading-table):not(.table-keep),.modal-content table:not(.grading-table):not(.table-keep) tbody,.modal-content table:not(.grading-table):not(.table-keep) tr,.modal-content table:not(.grading-table):not(.table-keep) th,.modal-content table:not(.grading-table):not(.table-keep) td{display:block;width:100%;box-sizing:border-box;}
.modal-content table:not(.grading-table):not(.table-keep) thead{display:none;}
.modal-content table:not(.grading-table):not(.table-keep) tr{border-bottom:1px solid #e2e8f0;margin:0 0 10px;padding:0 0 10px;}
.modal-content table:not(.grading-table):not(.table-keep) tr:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.modal-content table:not(.grading-table):not(.table-keep) td{border-bottom:none;padding:6px 12px !important;}
.modal-content table:not(.grading-table):not(.table-keep) td[data-label]:not(:first-child)::before{content:attr(data-label) ": ";font-weight:600;opacity:.75}
.modal-content table:not(.grading-table):not(.table-keep) tbody tr>:first-child{font-weight:650}
.modal-content table:not(.grading-table):not(.table-keep) tbody td[data-label]:not(:first-child){display:inline-block;width:auto;vertical-align:middle}
.table-wrap:has(.grading-table),.table-wrap:has(.table-keep){overflow-x:auto;}
}
.compare-stack{display:flex;flex-direction:column;gap:12px;margin:1rem 0 1.5rem;}
.compare-stack>div{background:#f8fafc;padding:12px 14px;border-radius:8px;border-left:4px solid #2563eb;}
.compare-stack>div:nth-child(2){border-left-color:#f97316;}
.phrase-list{list-style:none;padding-left:0;margin:1rem 0 1.5rem;}
.phrase-list li{margin-bottom:0.9rem;padding-bottom:0.75rem;border-bottom:1px solid #e2e8f0;}
.phrase-list li:last-child{border-bottom:none;}
.phrase-list .wozu{display:block;font-size:0.85em;color:#64748b;margin-top:0.2rem;}
.modal-header .badge{display:block;width:fit-content;margin-bottom:0.5rem;}
.card:has(.badge[style*="059669"])::before,.skill-card:has(.badge[style*="059669"])::before{background:#059669}
.card:has(.badge[style*="14b8a6"])::before,.skill-card:has(.badge[style*="14b8a6"])::before{background:#14b8a6}
.card:has(.badge[style*="b91c1c"])::before,.skill-card:has(.badge[style*="b91c1c"])::before{background:#b91c1c}
.card:has(.badge[style*="dc2626"])::before,.skill-card:has(.badge[style*="dc2626"])::before{background:#dc2626}
.card:has(.badge[style*="3b82f6"])::before,.skill-card:has(.badge[style*="3b82f6"])::before{background:#3b82f6}
/* Modal header restructure */
.modal-header{padding:2rem 3rem;background:#fff;border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:20;}
.modal-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;}
.modal-header .badge{margin:0;}
.modal-close{position:static;float:none;margin:0;background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:0.2s;flex-shrink:0;}
.modal-header h2{font-size:2rem;color:var(--primary);margin:0;line-height:1.3;}

/* Mobile */
@media (max-width:768px){
  .modal-header{padding:1.25rem 1rem;}
  .modal-header-top{margin-bottom:0.5rem;}
  .modal-close{width:36px;height:36px;font-size:1.3rem;}
  .modal-header h2{font-size:1.3rem;}
}

/* Card border colors for all categories - matching badge colors */
.card:has(.badge[style*="background-color: #10b981"])::before,.skill-card:has(.badge[style*="background-color: #10b981"])::before{background:#10b981}
.card:has(.badge[style*="background-color: #8b5cf6"])::before,.skill-card:has(.badge[style*="background-color: #8b5cf6"])::before{background:#8b5cf6}
.card:has(.badge[style*="background-color: #ef4444"])::before,.skill-card:has(.badge[style*="background-color: #ef4444"])::before{background:#ef4444}
.card:has(.badge[style*="background-color: #dc2626"])::before,.skill-card:has(.badge[style*="background-color: #dc2626"])::before{background:#dc2626}
.card:has(.badge[style*="background-color: #f97316"])::before,.skill-card:has(.badge[style*="background-color: #f97316"])::before{background:#f97316}
.card:has(.badge[style*="background-color: #3b82f6"])::before,.skill-card:has(.badge[style*="background-color: #3b82f6"])::before{background:#3b82f6}
.card:has(.badge[style*="background-color: #059669"])::before,.skill-card:has(.badge[style*="background-color: #059669"])::before{background:#059669}
.card:has(.badge[style*="background-color: #14b8a6"])::before,.skill-card:has(.badge[style*="background-color: #14b8a6"])::before{background:#14b8a6}
.card:has(.badge[style*="background-color: #b91c1c"])::before,.skill-card:has(.badge[style*="background-color: #b91c1c"])::before{background:#b91c1c}
.card:has(.badge[style*="background-color: #06b6d4"])::before,.skill-card:has(.badge[style*="background-color: #06b6d4"])::before{background:#06b6d4}

/* Tablet landing: tame huge inline hero sizes before phone breakpoint */
@media (max-width:768px){
.landing-page .hero h1{font-size:2rem!important;line-height:1.2!important}
.landing-page .hero-year{font-size:2.5rem!important;letter-spacing:-1.5px!important;margin:.35rem 0 .65rem!important}
.landing-page .hero-faecher-label{font-size:1.05rem!important;margin:.5rem 0 .35rem!important}
.landing-page .hero-faecher-icons{font-size:1.65rem!important;margin:0 0 1rem!important}
.landing-page .hero-info-title{font-size:1rem!important}
.landing-page .hero-info-sub{font-size:.88rem!important;line-height:1.4!important}
.landing-page .preview-section h2,
.landing-page .state-selector h2,
.landing-page .subject-selector h2{font-size:1.35rem!important;margin-bottom:.85rem!important;line-height:1.25!important}
.landing-page .state-selector>p{font-size:.9rem!important;margin:-.25rem 0 1rem!important;line-height:1.4!important}
}
/* Mobile landing: balanced type scale (must be last) */
@media (max-width:640px){
.landing-page .hero,
.landing-page .hero-landing{
padding:1.15rem .9rem 1.4rem!important;
margin-bottom:.65rem!important;
clip-path:polygon(0 0,100% 0,100% 96%,0 100%)!important
}
.landing-page .hero h1{
font-size:1.6rem!important;
margin-bottom:.1rem!important;
line-height:1.2!important;
letter-spacing:-.3px!important
}
.landing-page .hero-year{
font-size:2.15rem!important;
margin:.12rem 0 .35rem!important;
letter-spacing:-1px!important;
line-height:1!important
}
.landing-page .hero-faecher-label{
display:block!important;
font-size:.9rem!important;
margin:.3rem 0 .2rem!important;
font-weight:600!important
}
.landing-page .hero-faecher-icons{
font-size:1.45rem!important;
margin:0 0 .7rem!important;
letter-spacing:.1rem!important;
line-height:1.25!important
}
.landing-page .hero-content{margin-top:.35rem!important}
.landing-page .hero-info-box{
padding:.75rem .85rem!important;
gap:.7rem!important;
margin:0!important;
font-size:.9rem!important;
flex-direction:row!important;
text-align:left!important
}
.landing-page .hero-info-box>div{text-align:left!important}
.landing-page .hero-info-box img{
width:52px!important;
height:52px!important;
border-width:2px!important
}
.landing-page .hero-info-title{
font-size:.88rem!important;
margin-bottom:.15rem!important;
line-height:1.3!important
}
.landing-page .hero-info-sub{
display:block!important;
visibility:visible!important;
font-size:.78rem!important;
line-height:1.4!important;
opacity:.9!important;
margin:0!important;
max-height:none!important;
overflow:visible!important
}
.preview-section{margin:.75rem auto .45rem;padding:0 .9rem}
.landing-page .preview-section h2,
.landing-page .state-selector h2,
.landing-page .subject-selector h2{
margin-bottom:.65rem!important;
font-size:1.15rem!important;
line-height:1.25!important
}
.landing-page .state-selector>p{
font-size:.82rem!important;
margin:-.15rem 0 .85rem!important;
line-height:1.4!important
}
.preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;max-width:100%!important}
.preview-card{padding:.75rem .6rem!important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.preview-icon{font-size:1.35rem!important;margin-bottom:.28rem!important;line-height:1}
.preview-card h3{font-size:.8rem!important;margin-bottom:.2rem!important;line-height:1.3;font-weight:700}
.preview-card p{font-size:.75rem!important;line-height:1.4;margin:0;color:var(--text-muted)}
.state-selector{margin:1.25rem auto .85rem!important}
.landing-page .category-guide-top{font-size:.88rem!important;padding:.7rem .9rem!important;margin:.2rem auto .9rem}
}
.category-guide-top{max-width:34rem;margin:0.25rem auto 1.1rem;padding:0.85rem 1.1rem;background:#fff;border:2px solid #bfdbfe;border-radius:12px;color:#1e3a8a;font-weight:600;font-size:1rem;line-height:1.4;text-align:center;box-shadow:0 2px 8px rgba(30,58,138,0.06)}
.category-guide-top[hidden]{display:none}
.category-guide-top p{margin:0}
.paywall-header{padding-right:3rem}
.paywall-header h2{line-height:1.3;padding-right:0.25rem}
@media (max-width:768px){
.paywall-content>.close-modal{top:0.75rem;right:0.75rem;width:36px;height:36px;font-size:1.35rem;z-index:2}
.paywall-header{padding-right:2.75rem;margin-bottom:1.25rem}
.paywall-header h2{font-size:1.25rem!important;line-height:1.35}
}
@media (max-width:768px){
.subject-grid{grid-template-columns:1fr;gap:.4rem;max-width:420px;margin-inline:auto}
.subject-card{display:flex;align-items:center;justify-content:center;gap:.7rem;text-align:center;padding:.55rem .85rem}
.subject-icon{font-size:1.35rem;margin:0;line-height:1}
.subject-card h3{font-size:1rem;margin:0;line-height:1.25}
.subject-card p{margin:0;font-size:.78rem!important}
}
/* Selected Bundesland: center card + subject picker proportions */
.state-selector.is-filtered .state-controls{display:none}
.state-selector.is-filtered .state-grid{
display:flex;
justify-content:center;
max-width:280px;
margin-inline:auto
}
.state-selector.is-filtered .state-card{
width:100%;
max-width:260px
}
.state-card.selected .state-badge{display:none}
.state-card.selected .state-info{text-align:center}
.state-card.selected .state-info h3{justify-content:center!important}
.subject-grid{max-width:420px;margin-inline:auto;width:100%}
@media (min-width:769px){
.subject-grid{grid-template-columns:1fr;gap:.75rem}
.subject-card{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1rem 1.25rem;text-align:center}
.subject-icon{font-size:1.75rem;margin:0;display:inline;line-height:1}
.subject-card h3{margin:0;font-size:1.15rem}
}
.lone-category-cta{display:flex;justify-content:center;margin:.85rem 0 .25rem}

/* Phone: Lernkarte nutzt die Breite. Portrait bis ~600px (S23 360, große Phones ~430–480)
   und kurzes Querformat. Tablets bleiben beim schwebenden Dialog. */
@media (max-width: 600px), (max-height: 500px) and (orientation: landscape) {
  #card-modal.modal {
    padding: 0;
    align-items: stretch;
    justify-content: stretch;
  }
  #card-modal .modal-content {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #card-modal .modal-header {
    padding: max(0.7rem, env(safe-area-inset-top, 0px))
             max(0.9rem, env(safe-area-inset-right, 0px))
             0.55rem
             max(0.9rem, env(safe-area-inset-left, 0px));
  }
  #card-modal .modal-body {
    padding: 0.85rem
             max(0.9rem, env(safe-area-inset-right, 0px))
             max(1.15rem, env(safe-area-inset-bottom, 0px))
             max(0.9rem, env(safe-area-inset-left, 0px));
    font-size: 1rem;
    line-height: 1.55;
  }
}
header.site-header,.hero-section{clip-path:none!important}
/*avo-cats:start*/.cats-reset{display:none}.afb-card .cat-emoji{margin-right:.4rem}.intro-section.is-compact{display:contents}.afb-explainer.cats-compact{position:sticky;top:0;z-index:15;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:none;margin:0;padding:8px 28px 8px 16px;background:#fff;border-bottom:1px solid #e5e7eb;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);margin-bottom:12px}.afb-explainer.cats-compact>:first-child{margin-left:auto}.afb-explainer.cats-compact>:last-child{margin-right:auto}.afb-explainer.cats-compact::-webkit-scrollbar{display:none}.afb-explainer.cats-compact .afb-card,.afb-explainer.cats-compact .afb-card.active{position:relative;top:auto;flex:0 0 auto;min-width:0;min-height:0;padding:6px 12px;border-radius:999px;border:1.5px solid #e5e7eb;box-shadow:none;transform:none;white-space:nowrap}.afb-explainer.cats-compact .afb-card::before,.afb-explainer.cats-compact .afb-card::after{display:none}.afb-explainer.cats-compact .afb-card strong{font-size:.85rem;font-weight:600}.afb-explainer.cats-compact .afb-desc{display:none}.afb-explainer.cats-compact .afb-card.active{background-color:#1e293b!important;border-color:#1e293b!important}.afb-explainer.cats-compact .afb-card.active strong{color:#fff}.afb-explainer.cats-compact .cats-reset{display:inline-block;flex:0 0 auto;padding:6px 12px;border-radius:999px;border:1.5px dashed #cbd5e1;background:transparent;color:#475569;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer}.is-compact #sub-filter-container,.is-compact #category-prompt{display:none}.is-compact #search-container{padding:.75rem 1rem .5rem!important}.next-category-cta{grid-column:1/-1;text-align:center;padding:.5rem 0 1.5rem}.next-category-cta .cta-button{width:100%;max-width:420px;padding:14px 18px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}[data-theme=dark] .afb-explainer.cats-compact{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .afb-explainer.cats-compact .afb-card{background:#1e293b;border-color:#334155}[data-theme=dark] .afb-explainer.cats-compact .afb-card.active{background-color:#e2e8f0!important;border-color:#e2e8f0!important}[data-theme=dark] .afb-explainer.cats-compact .afb-card.active strong{color:#0f172a}[data-theme=dark] .afb-explainer.cats-compact .cats-reset{color:#cbd5e1;border-color:#475569}/*avo-cats:end*/
.state-chosen{display:flex;align-items:center;gap:.6rem;max-width:520px;margin:0 auto .5rem;padding:.6rem .8rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;scroll-margin-top:12px}.state-chosen img{border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.15)}.state-chosen strong{font-size:1rem;color:#0f172a}.state-change{margin-left:auto;background:none;border:0;padding:.2rem 0;color:#2563eb;font:inherit;font-weight:600;cursor:pointer}.state-selector.is-filtered{margin-bottom:0}#subject-selector{margin-top:.5rem}#subject-selector h2{margin-bottom:.75rem}.subject-grid{overflow-x:hidden;min-width:0}.subject-grid .subject-row{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-align:left;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.06);min-width:0}.subject-row .subject-icon{font-size:1.9rem;margin:0;line-height:1;flex:none}.subject-row .subject-text{display:flex;flex-direction:column;min-width:0;flex:1}.subject-row h3{font-size:1.08rem;margin:0;line-height:1.25;color:#0f172a}.subject-row small{color:#64748b;font-size:.82rem;margin-top:.1rem;overflow-wrap:break-word}.subject-row .subject-after{white-space:nowrap}.subject-row .subject-cta{flex:none;margin-left:auto;white-space:nowrap;padding:.35rem .7rem;font-size:.8rem;font-weight:700;line-height:1.2;background:#2563eb;color:#fff;border:0;border-radius:10px}.subject-row:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.1)}@media (max-width:640px){.subject-grid{gap:.6rem}.subject-row .subject-cta{padding:.3rem .55rem;font-size:.75rem}}[data-theme=dark] .state-chosen,[data-theme=dark] .subject-grid .subject-row{background:#1e293b;border-color:#334155;box-shadow:none}[data-theme=dark] .state-chosen strong,[data-theme=dark] .subject-row h3{color:#f1f5f9}[data-theme=dark] .subject-row small{color:#94a3b8}[data-theme=dark] .subject-row .subject-cta{background:#3b82f6;color:#fff}[data-theme=dark] .state-change{color:#93c5fd}/*avo-dark:start*/[data-theme=dark]{--bg:#0f172a;--card-bg:#1e293b;--text-main:#e2e8f0;--text-muted:#a3b1c6;--text-secondary:#cbd5e1}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background-color:#0f172a;color:#cbd5e1}[data-theme=dark] img{color-scheme:light}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),[data-theme=dark] textarea,[data-theme=dark] select{background-color:#0f172a;color:#e2e8f0;border-color:#475569}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#7d8ba1}[data-theme=dark] mark{background:rgba(250,204,21,.22);color:#fde68a}[data-theme=dark] hr{border-color:#334155}[data-theme=dark] #app>header,[data-theme=dark] .landing-page .hero{background:linear-gradient(135deg,#172554 0%,#1d4ed8 100%)}[data-theme=dark] .intro-text{color:#cbd5e1}[data-theme=dark] .info-badge-wide{background-color:rgba(59,130,246,.12);border-color:rgba(96,165,250,.3)}[data-theme=dark] .afb-card,[data-theme=dark] .afb-card.active{background-color:#1e293b;border-color:#334155}[data-theme=dark] .afb-card.active{background-color:#1e3a5f!important;border-color:#60a5fa!important}[data-theme=dark] .afb-card:hover{border-color:#475569}[data-theme=dark] .afb-card strong{color:#f1f5f9}[data-theme=dark] .afb-desc{color:#a3b1c6}[data-theme=dark] .afb-desc em{color:#cbd5e1;background:#334155}[data-theme=dark] .afb-card::before{background:#334155}[data-theme=dark] .afb-card.active::after,[data-theme=dark] .subject-price,[data-theme=dark] .subject-cta,[data-theme=dark] .product-cta,[data-theme=dark] .btn-link{color:#60a5fa}[data-theme=dark] .sub-filter-container{background:#1e293b}[data-theme=dark] .sub-filter-btn{background:#0f172a;color:#cbd5e1;border-color:#334155}[data-theme=dark] .sub-filter-btn:hover{border-color:#475569}[data-theme=dark] .filter-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .filter-btn:hover{color:#f1f5f9}[data-theme=dark] .filter-btn.active{background:#2563eb!important;color:#fff!important}[data-theme=dark] .card,[data-theme=dark] .skill-card{border-color:#334155;box-shadow:0 4px 10px rgba(0,0,0,.25)}[data-theme=dark] .card::before,[data-theme=dark] .skill-card::before{background:#475569}[data-theme=dark] .locked-card{background:linear-gradient(135deg,#1e293b 0%,#172033 100%);border-color:#475569}[data-theme=dark] .category-guide-top{background:#1e293b;border-color:#1e40af;color:#bfdbfe}[data-theme=dark] .modal-overlay{background:rgba(2,6,23,.85)}[data-theme=dark] .modal-content,[data-theme=dark] .modal-header{background:#1e293b}[data-theme=dark] .modal-header{border-bottom-color:#334155}[data-theme=dark] .modal-close,[data-theme=dark] .close-modal{background:#334155;color:#e2e8f0}[data-theme=dark] .modal-body{color:#cbd5e1}[data-theme=dark] .modal-content h3{color:#93c5fd;border-left-color:#60a5fa}[data-theme=dark] .modal-content h4,[data-theme=dark] .modal-header h2{color:#f1f5f9}[data-theme=dark] .modal-content strong,[data-theme=dark] .modal-content b{color:inherit}[data-theme=dark] .modal-content a{color:#93c5fd}[data-theme=dark] .highlight-box{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.35);color:#dbeafe}[data-theme=dark] .table-wrap{border-color:#334155}[data-theme=dark] table{background:transparent}[data-theme=dark] th,[data-theme=dark] td{border-bottom-color:#334155}[data-theme=dark] th{background:#273449;color:#f1f5f9}[data-theme=dark] tr:hover td{background:rgba(148,163,184,.08)}[data-theme=dark] .grading-table th{background:#0f172a;color:#f1f5f9;border-color:#334155}[data-theme=dark] .grading-table td{border-color:#475569}[data-theme=dark] .modal-content table:not(.grading-table):not(.table-keep) tr{border-bottom-color:#334155}[data-theme=dark] .compare-stack>div{background:rgba(148,163,184,.1)}[data-theme=dark] .phrase-list li{border-bottom-color:#334155}[data-theme=dark] .phrase-list .wozu{color:#a3b1c6}[data-theme=dark] .paywall-modal{background:rgba(2,6,23,.9)}[data-theme=dark] .paywall-content{background:#1e293b;color:#cbd5e1}[data-theme=dark] .paywall-header h2{color:#f1f5f9}[data-theme=dark] .paywall-header p,[data-theme=dark] .price-note{color:#a3b1c6}[data-theme=dark] .paywall-features{background:rgba(148,163,184,.1)}[data-theme=dark] .paywall-features .feature{color:#cbd5e1;border-bottom-color:#334155}[data-theme=dark] .price-amount{color:#34d399}[data-theme=dark] .paywall-footer{border-top-color:#334155}[data-theme=dark] .pay-btn:not(.pay-btn-stripe){background:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .pay-btn:not(.pay-btn-stripe):hover:not(:disabled){background:#273449}[data-theme=dark] .state-card,[data-theme=dark] .subject-card,[data-theme=dark] .preview-card,[data-theme=dark] .product-card,[data-theme=dark] .suggestion-card,[data-theme=dark] .toast{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .state-card.selected{background:#1e3a5f}[data-theme=dark] .state-flag{background:#273449;border-bottom-color:#334155}[data-theme=dark] .state-population{color:#a3b1c6}[data-theme=dark] .state-badge.available{background:rgba(16,185,129,.18);color:#6ee7b7}[data-theme=dark] .state-badge.coming-soon,[data-theme=dark] .test-badge{background:rgba(245,158,11,.18);color:#fcd34d}[data-theme=dark] .state-badge.future{background:rgba(129,140,248,.2);color:#c7d2fe}[data-theme=dark] .product-state{background:#334155}[data-theme=dark] .suggestion-card:hover{background:#273449}[data-theme=dark] .loading-spinner{border-color:#334155;border-top-color:#60a5fa}[data-theme=dark] .loading-overlay{background:rgba(15,23,42,.9)}[data-theme=dark] #paywall-pay-bar{background:#1e293b!important;box-shadow:0 -8px 18px rgba(0,0,0,.35)!important}[data-theme=dark] [id^=wz-dot][style*="white"]{background:#fff!important}[data-theme=dark] .modal-content .math-figure,[data-theme=dark] .modal-content figure img{background:#f1f5f9}[data-theme=dark] :is([style*="ound:#fff"],[style*="ound: #fff"],[style*="ound-color:#fff"],[style*="ound-color: #fff"],[style*="ound:white"],[style*="ound: white"],[style*="ound-color:white"],[style*="ound-color: white"],[style*="ound:#f8fafc"],[style*="ound: #f8fafc"],[style*="ound-color:#f8fafc"],[style*="ound-color: #f8fafc"],[style*="ound:#f8f9fa"],[style*="ound: #f8f9fa"],[style*="ound-color:#f8f9fa"],[style*="ound-color: #f8f9fa"],[style*="ound:#f1f5f9"],[style*="ound: #f1f5f9"],[style*="ound:#f3f4f6"],[style*="ound: #f3f4f6"],[style*="ound:#f9fafb"],[style*="ound: #f9fafb"],[style*="ound:#f5f5f5"],[style*="ound: #f5f5f5"],[style*="ound-color:#f5f5f5"],[style*="ound-color: #f5f5f5"],[style*="ound:#f0f0f0"],[style*="ound: #f0f0f0"],[style*="ound:#fafafa"],[style*="ound: #fafafa"],[style*="ound:#f6f8fb"],[style*="ound: #f6f8fb"],[style*="ound:#f8fbff"],[style*="ound: #f8fbff"],[style*="ound:#f7fafc"],[style*="ound: #f7fafc"],[style*="ound:rgb(255, 255, 255)"],[style*="ound: rgb(255, 255, 255)"],[style*="ound:rgb(248, 250, 252)"],[style*="ound: rgb(248, 250, 252)"],[style*="ound:rgb(241, 245, 249)"],[style*="ound: rgb(241, 245, 249)"]){background:rgba(148,163,184,.1)!important}[data-theme=dark] :is([style*="ound:#e2e8f0"],[style*="ound: #e2e8f0"],[style*="ound-color:#e2e8f0"],[style*="ound-color: #e2e8f0"],[style*="ound:#e5e7eb"],[style*="ound: #e5e7eb"],[style*="ound:#eef2f7"],[style*="ound: #eef2f7"],[style*="ound:#f0f4f8"],[style*="ound: #f0f4f8"],[style*="ound:#eee"],[style*="ound: #eee"],[style*="ound:#cbd5e1"],[style*="ound: #cbd5e1"],[style*="ound:rgb(226, 232, 240)"],[style*="ound: rgb(226, 232, 240)"]){background:rgba(148,163,184,.2)!important}[data-theme=dark] :is([style*="ound:#fef2f2"],[style*="ound: #fef2f2"],[style*="ound:#fee2e2"],[style*="ound: #fee2e2"],[style*="ound:#fff1f2"],[style*="ound: #fff1f2"],[style*="ound:#fee"],[style*="ound: #fee"],[style*="ound:#ffe4e6"],[style*="ound: #ffe4e6"],[style*="ound:#fecaca"],[style*="ound: #fecaca"],[style*="ound:#fff5f5"],[style*="ound: #fff5f5"]){background:rgba(248,113,113,.13)!important}[data-theme=dark] :is([style*="ound:#f5f3ff"],[style*="ound: #f5f3ff"],[style*="ound:#f3e8ff"],[style*="ound: #f3e8ff"],[style*="ound:#f3f0ff"],[style*="ound: #f3f0ff"],[style*="ound:#ede9fe"],[style*="ound: #ede9fe"],[style*="ound:#eef2ff"],[style*="ound: #eef2ff"],[style*="ound:#e0e7ff"],[style*="ound: #e0e7ff"],[style*="ound:#faf5ff"],[style*="ound: #faf5ff"],[style*="ound:#ddd6fe"],[style*="ound: #ddd6fe"],[style*="ound:#f5f0ff"],[style*="ound: #f5f0ff"]){background:rgba(167,139,250,.14)!important}[data-theme=dark] :is([style*="ound:#f0fdf4"],[style*="ound: #f0fdf4"],[style*="ound:#ecfdf5"],[style*="ound: #ecfdf5"],[style*="ound:#dcfce7"],[style*="ound: #dcfce7"],[style*="ound:#d1fae5"],[style*="ound: #d1fae5"],[style*="ound:#efe"],[style*="ound: #efe"],[style*="ound:#f0fdfa"],[style*="ound: #f0fdfa"],[style*="ound:#ccfbf1"],[style*="ound: #ccfbf1"],[style*="ound:#bbf7d0"],[style*="ound: #bbf7d0"],[style*="ound:#e8f5e9"],[style*="ound: #e8f5e9"],[style*="ound:#f0fff4"],[style*="ound: #f0fff4"]){background:rgba(52,211,153,.12)!important}[data-theme=dark] :is([style*="ound:#fef3c7"],[style*="ound: #fef3c7"],[style*="ound:#fffbeb"],[style*="ound: #fffbeb"],[style*="ound-color:#fffbeb"],[style*="ound-color: #fffbeb"],[style*="ound:#fef9c3"],[style*="ound: #fef9c3"],[style*="ound:#fff3cd"],[style*="ound: #fff3cd"],[style*="ound:#fff7ed"],[style*="ound: #fff7ed"],[style*="ound:#ffedd5"],[style*="ound: #ffedd5"],[style*="ound:#fed7aa"],[style*="ound: #fed7aa"],[style*="ound:#fff3e0"],[style*="ound: #fff3e0"],[style*="ound-color:#fff3e0"],[style*="ound-color: #fff3e0"],[style*="ound:#fefce8"],[style*="ound: #fefce8"],[style*="ound:#fde68a"],[style*="ound: #fde68a"],[style*="ound:#fff8e1"],[style*="ound: #fff8e1"],[style*="ound:#fffaf0"],[style*="ound: #fffaf0"]){background:rgba(251,191,36,.12)!important}[data-theme=dark] :is([style*="ound:#ecfeff"],[style*="ound: #ecfeff"],[style*="ound:#f0f9ff"],[style*="ound: #f0f9ff"],[style*="ound-color:#f0f9ff"],[style*="ound-color: #f0f9ff"],[style*="ound:#e0f2fe"],[style*="ound: #e0f2fe"],[style*="ound:#dbeafe"],[style*="ound: #dbeafe"],[style*="ound:#eff6ff"],[style*="ound: #eff6ff"],[style*="ound:#e3f2fd"],[style*="ound: #e3f2fd"],[style*="ound-color:#e3f2fd"],[style*="ound-color: #e3f2fd"],[style*="ound:#e7f3ff"],[style*="ound: #e7f3ff"],[style*="ound:#f0f7ff"],[style*="ound: #f0f7ff"],[style*="ound:#cffafe"],[style*="ound: #cffafe"],[style*="ound:#bfdbfe"],[style*="ound: #bfdbfe"],[style*="ound:#e8f0ff"],[style*="ound: #e8f0ff"],[style*="ound:#f0f4ff"],[style*="ound: #f0f4ff"]){background:rgba(96,165,250,.13)!important}[data-theme=dark] :is([style*="ound:#fdf2f8"],[style*="ound: #fdf2f8"],[style*="ound:#fce7f3"],[style*="ound: #fce7f3"],[style*="ound:#fdf4ff"],[style*="ound: #fdf4ff"],[style*="ound:#fae8ff"],[style*="ound: #fae8ff"]){background:rgba(244,114,182,.13)!important}[data-theme=dark] :is([style*="gradient(135deg, #fef3c7"],[style*="gradient(135deg,#fef3c7"],[style*="gradient(135deg, #fff7ed"],[style*="gradient(135deg,#fff7ed"]){background:rgba(251,191,36,.12)!important}[data-theme=dark] :is([style*="gradient(135deg, #f8fafc"],[style*="gradient(135deg,#f8fafc"],[style*="gradient(180deg,#fff"],[style*="gradient(180deg, #fff"],[style*="gradient(135deg,#fff"],[style*="gradient(135deg, #fff"],[style*="gradient(135deg, #eff6ff"],[style*="gradient(135deg,#eff6ff"],[style*="gradient(145deg,#eff6ff"],[style*="gradient(135deg, #f0f9ff"],[style*="gradient(135deg,#f0f9ff"]){background:rgba(96,165,250,.1)!important}[data-theme=dark] :is([style*="gradient(135deg, #f0fdf4"],[style*="gradient(135deg,#f0fdf4"],[style*="gradient(135deg, #ecfdf5"],[style*="gradient(135deg,#ecfdf5"]){background:rgba(52,211,153,.12)!important}[data-theme=dark] :is([style*="color:#0f172a"],[style*="color: #0f172a"],[style*="color:#1e293b"],[style*="color: #1e293b"],[style*="color:#111827"],[style*="color: #111827"],[style*="color:#1f2937"],[style*="color: #1f2937"],[style*="color:#111"],[style*="color: #111"],[style*="color:#000"],[style*="color: #000"],[style*="color:#222"],[style*="color: #222"],[style*="color:#333"],[style*="color: #333"],[style*="color:#334155"],[style*="color: #334155"],[style*="color:#374151"],[style*="color: #374151"],[style*="color:#172033"],[style*="color: #172033"],[style*="color:#1a1a2e"],[style*="color: #1a1a2e"],[style*="color:#25334a"],[style*="color: #25334a"],[style*="color:#2d3748"],[style*="color: #2d3748"]):not(.badge){color:#e2e8f0!important}[data-theme=dark] :is([style*="color:#475569"],[style*="color: #475569"],[style*="color:#4b5563"],[style*="color: #4b5563"],[style*="color:#555"],[style*="color: #555"],[style*="color:#64748b"],[style*="color: #64748b"],[style*="color:#666"],[style*="color: #666"],[style*="color:#6b7280"],[style*="color: #6b7280"],[style*="color:#777"],[style*="color: #777"],[style*="color:#718096"],[style*="color: #718096"]):not(.badge){color:#a3b1c6!important}[data-theme=dark] :is([style*="color:#991b1b"],[style*="color: #991b1b"],[style*="color:#b91c1c"],[style*="color: #b91c1c"],[style*="color:#dc2626"],[style*="color: #dc2626"],[style*="color:#7f1d1d"],[style*="color: #7f1d1d"],[style*="color:#9f1239"],[style*="color: #9f1239"],[style*="color:#be123c"],[style*="color: #be123c"],[style*="color:#c53030"],[style*="color: #c53030"],[style*="color:#c00"],[style*="color: #c00"]):not(.badge){color:#fca5a5!important}[data-theme=dark] :is([style*="color:#5b21b6"],[style*="color: #5b21b6"],[style*="color:#6b21a8"],[style*="color: #6b21a8"],[style*="color:#7c3aed"],[style*="color: #7c3aed"],[style*="color:#3730a3"],[style*="color: #3730a3"],[style*="color:#4c1d95"],[style*="color: #4c1d95"],[style*="color:#4338ca"],[style*="color: #4338ca"],[style*="color:#6d28d9"],[style*="color: #6d28d9"],[style*="color:#581c87"],[style*="color: #581c87"],[style*="color:#a855f7"],[style*="color: #a855f7"],[style*="color:#4f46e5"],[style*="color: #4f46e5"],[style*="color:#667eea"],[style*="color: #667eea"]):not(.badge){color:#c4b5fd!important}[data-theme=dark] :is([style*="color:#166534"],[style*="color: #166534"],[style*="color:#065f46"],[style*="color: #065f46"],[style*="color:#059669"],[style*="color: #059669"],[style*="color:#14532d"],[style*="color: #14532d"],[style*="color:#16a34a"],[style*="color: #16a34a"],[style*="color:#15803d"],[style*="color: #15803d"],[style*="color:#047857"],[style*="color: #047857"],[style*="color:#064e3b"],[style*="color: #064e3b"],[style*="color:#134e4a"],[style*="color: #134e4a"],[style*="color:#0f766e"],[style*="color: #0f766e"],[style*="color:#2f855a"],[style*="color: #2f855a"]):not(.badge){color:#6ee7b7!important}[data-theme=dark] :is([style*="color:#92400e"],[style*="color: #92400e"],[style*="color:#78350f"],[style*="color: #78350f"],[style*="color:#854d0e"],[style*="color: #854d0e"],[style*="color:#713f12"],[style*="color: #713f12"],[style*="color:#b45309"],[style*="color: #b45309"],[style*="color:#a16207"],[style*="color: #a16207"],[style*="color:#d97706"],[style*="color: #d97706"],[style*="color:#ca8a04"],[style*="color: #ca8a04"]):not(.badge){color:#fcd34d!important}[data-theme=dark] :is([style*="color:#9a3412"],[style*="color: #9a3412"],[style*="color:#c2410c"],[style*="color: #c2410c"],[style*="color:#7c2d12"],[style*="color: #7c2d12"],[style*="color:#ea580c"],[style*="color: #ea580c"]):not(.badge){color:#fdba74!important}[data-theme=dark] :is([style*="color:#155e75"],[style*="color: #155e75"],[style*="color:#1e40af"],[style*="color: #1e40af"],[style*="color:#075985"],[style*="color: #075985"],[style*="color:#0369a1"],[style*="color: #0369a1"],[style*="color:#2563eb"],[style*="color: #2563eb"],[style*="color:#3b82f6"],[style*="color: #3b82f6"],[style*="color:#0284c7"],[style*="color: #0284c7"],[style*="color:#1e3a8a"],[style*="color: #1e3a8a"],[style*="color:#0c4a6e"],[style*="color: #0c4a6e"],[style*="color:#0066cc"],[style*="color: #0066cc"],[style*="color:#1d4ed8"],[style*="color: #1d4ed8"],[style*="color:#0e7490"],[style*="color: #0e7490"],[style*="color:#1e3a5f"],[style*="color: #1e3a5f"],[style*="color:#164e63"],[style*="color: #164e63"]):not(.badge){color:#93c5fd!important}[data-theme=dark] :is([style*="color:#9d174d"],[style*="color: #9d174d"],[style*="color:#be185d"],[style*="color: #be185d"],[style*="color:#831843"],[style*="color: #831843"]):not(.badge){color:#f9a8d4!important}[data-theme=dark] :is([style*="ound:#fbbf24"],[style*="ound: #fbbf24"],[style*="ound:#fcd34d"],[style*="ound: #fcd34d"],[style*="ound:#facc15"],[style*="ound: #facc15"],[style*="ound:#fde047"],[style*="ound: #fde047"],[style*="ound:#fef08a"],[style*="ound: #fef08a"]):not(.badge){color:#422006!important}[data-theme=dark] [style*="border-color: var(--primary)"]{border-color:#60a5fa!important}[data-theme=dark] [style*="color: var(--primary)"]:not([style*="border-color: var(--primary)"]){color:#93c5fd!important}[data-theme=dark] :is([style*="solid #e2e8f0"],[style*="dashed #e2e8f0"],[style*="solid #cbd5e1"],[style*="dashed #cbd5e1"],[style*="solid #ddd"],[style*="dashed #ddd"],[style*="solid #dee2e6"],[style*="dashed #dee2e6"],[style*="solid #d1d5db"],[style*="dashed #d1d5db"],[style*="solid #e5e7eb"],[style*="dashed #e5e7eb"],[style*="solid #eee"],[style*="dashed #eee"],[style*="solid #e4e9f0"],[style*="dashed #e4e9f0"],[style*="solid #f1f5f9"],[style*="dashed #f1f5f9"],[style*="solid #dbe3ee"],[style*="dashed #dbe3ee"],[style*="solid #e0e0e0"],[style*="dashed #e0e0e0"],[style*="solid #ccc"],[style*="dashed #ccc"],[style*="solid rgb(226, 232, 240)"],[style*="dashed rgb(226, 232, 240)"]){border-top-color:#334155!important;border-right-color:#334155!important;border-bottom-color:#334155!important}[data-theme=dark] :is([style*="solid #e2e8f0"],[style*="dashed #e2e8f0"],[style*="solid #cbd5e1"],[style*="dashed #cbd5e1"],[style*="solid #ddd"],[style*="dashed #ddd"],[style*="solid #dee2e6"],[style*="dashed #dee2e6"],[style*="solid #d1d5db"],[style*="dashed #d1d5db"],[style*="solid #e5e7eb"],[style*="dashed #e5e7eb"],[style*="solid #eee"],[style*="dashed #eee"],[style*="solid #e4e9f0"],[style*="dashed #e4e9f0"],[style*="solid #f1f5f9"],[style*="dashed #f1f5f9"],[style*="solid #dbe3ee"],[style*="dashed #dbe3ee"],[style*="solid #e0e0e0"],[style*="dashed #e0e0e0"],[style*="solid #ccc"],[style*="dashed #ccc"],[style*="solid rgb(226, 232, 240)"],[style*="dashed rgb(226, 232, 240)"]):not([style*="border-left:"]):not([style*="border-left: "]){border-left-color:#334155!important}[data-theme=dark] .math-figure,[data-theme=dark] .math-figure *{color:#1e293b}/*avo-dark:end*/
/*avo-looks:start*//* generiert aus public/looks/tokens.css + components.css (node scripts/apply-dark-theme.js), nicht von Hand ändern */@font-face{font-family: 'Lexend';font-weight: 100 900;font-display: swap;src: url('/fonts/lexend.woff2') format('woff2')}@font-face{font-family: 'Bricolage Grotesque';font-weight: 200 800;font-display: swap;src: url('/fonts/bricolage-grotesque.woff2') format('woff2')}@font-face{font-family: 'Plus Jakarta Sans';font-weight: 200 800;font-display: swap;src: url('/fonts/plus-jakarta-sans.woff2') format('woff2')}@font-face{font-family: 'Nunito';font-weight: 200 1000;font-display: swap;src: url('/fonts/nunito.woff2') format('woff2')}@font-face{font-family: 'Kalam';font-weight: 700;font-display: swap;src: url('/fonts/kalam-700.woff2') format('woff2')}@font-face{font-family: 'Atkinson Hyperlegible';font-weight: 400;font-display: swap;src: url('/fonts/atkinson-hyperlegible-400.woff2') format('woff2')}@font-face{font-family: 'Atkinson Hyperlegible';font-weight: 700;font-display: swap;src: url('/fonts/atkinson-hyperlegible-700.woff2') format('woff2')}:root[data-look="karo"]{--lk-font: 'Lexend',system-ui,sans-serif;--lk-font-head: 'Lexend',system-ui,sans-serif;--lk-head-w: 650;--lk-head-ls: -0.03em;--lk-head-scale: 1;--lk-paper: #fbfbf7;--lk-paper-img: linear-gradient(rgba(37,84,199,0.075) 1px,transparent 1px),linear-gradient(90deg,rgba(37,84,199,0.075) 1px,transparent 1px);--lk-paper-size: 22px 22px;--lk-margin: rgba(220,38,38,0.35);--lk-card: #ffffff;--lk-card-2: #eef2fb;--lk-bar: rgba(251,251,247,0.92);--lk-ink: #18264a;--lk-ink-2: #56647f;--lk-line: rgba(24,38,74,0.14);--lk-strong: #18264a;--lk-accent: #2554c7;--lk-on-accent: #ffffff;--lk-btn: #2554c7;--lk-btn-fg: #ffffff;--lk-buy: #15803d;--lk-buy-fg: #ffffff;--lk-hl: #ffd83d;--lk-hl-fg: #18264a;--lk-hl-soft: rgba(255,216,61,0.38);--lk-ok: #15803d;--lk-warn: #b45309;--lk-radius: 18px;--lk-radius-sm: 8px;--lk-radius-btn: 12px;--lk-bw: 1px;--lk-shadow: none;--lk-pop: 3px 3px 0 #18264a;--lk-tilt: 0deg}:root[data-look="karo"][data-theme="dark"]{--lk-paper: #0f1524;--lk-paper-img: linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);--lk-margin: rgba(248,113,113,0.3);--lk-card: #172036;--lk-card-2: #1f2a44;--lk-bar: rgba(15,21,36,0.92);--lk-ink: #e8eefc;--lk-ink-2: #a3b0cc;--lk-line: rgba(232,238,252,0.14);--lk-strong: #e8eefc;--lk-accent: #ffd83d;--lk-on-accent: #18264a;--lk-btn: #ffd83d;--lk-btn-fg: #18264a;--lk-buy: #4ade80;--lk-buy-fg: #0b2a17;--lk-hl: #ffd83d;--lk-hl-fg: #18264a;--lk-hl-soft: rgba(255,216,61,0.2);--lk-ok: #4ade80;--lk-warn: #fbbf24;--lk-pop: 3px 3px 0 #e8eefc}:root[data-look="sticker"]{--lk-font: 'Bricolage Grotesque',system-ui,sans-serif;--lk-font-head: 'Bricolage Grotesque',system-ui,sans-serif;--lk-head-w: 800;--lk-head-ls: -0.04em;--lk-head-scale: 1.05;--lk-paper: #fff1dc;--lk-paper-img: radial-gradient(rgba(17,17,17,0.08) 1.2px,transparent 1.3px);--lk-paper-size: 18px 18px;--lk-margin: transparent;--lk-card: #ffffff;--lk-card-2: #ffe7c2;--lk-bar: rgba(255,241,220,0.94);--lk-ink: #111111;--lk-ink-2: #574e43;--lk-line: #111111;--lk-strong: #111111;--lk-accent: #b3005e;--lk-on-accent: #ffffff;--lk-btn: #ff5ca8;--lk-btn-fg: #111111;--lk-buy: #c8f169;--lk-buy-fg: #111111;--lk-hl: #ffe45c;--lk-hl-fg: #111111;--lk-hl-soft: rgba(255,228,92,0.55);--lk-ok: #15803d;--lk-warn: #b45309;--lk-radius: 16px;--lk-radius-sm: 6px;--lk-radius-btn: 14px;--lk-bw: 2px;--lk-shadow: 3px 3px 0 #111111;--lk-pop: 5px 5px 0 #111111;--lk-tilt: -2deg}:root[data-look="sticker"][data-theme="dark"]{--lk-paper: #17121f;--lk-paper-img: radial-gradient(rgba(255,255,255,0.07) 1.2px,transparent 1.3px);--lk-card: #251d33;--lk-card-2: #332846;--lk-bar: rgba(23,18,31,0.94);--lk-ink: #fff7ec;--lk-ink-2: #cdbfdc;--lk-line: rgba(255,247,236,0.85);--lk-strong: #fff7ec;--lk-accent: #c8f169;--lk-on-accent: #111111;--lk-btn: #c8f169;--lk-btn-fg: #111111;--lk-buy: #ff5ca8;--lk-buy-fg: #111111;--lk-hl: #ffd83d;--lk-hl-soft: rgba(255,216,61,0.22);--lk-ok: #86efac;--lk-warn: #fcd34d;--lk-shadow: 3px 3px 0 #fff7ec;--lk-pop: 5px 5px 0 #fff7ec}:root[data-look="ruhig"]{--lk-font: 'Plus Jakarta Sans',system-ui,sans-serif;--lk-font-head: 'Plus Jakarta Sans',system-ui,sans-serif;--lk-head-w: 750;--lk-head-ls: -0.02em;--lk-head-scale: 1;--lk-paper: #f5f6fa;--lk-paper-img: none;--lk-paper-size: auto;--lk-margin: transparent;--lk-card: #ffffff;--lk-card-2: #eef0f7;--lk-bar: rgba(245,246,250,0.92);--lk-ink: #1c2233;--lk-ink-2: #5c6378;--lk-line: rgba(28,34,51,0.09);--lk-strong: rgba(28,34,51,0.18);--lk-accent: #5145d6;--lk-on-accent: #ffffff;--lk-btn: #5b4fe0;--lk-btn-fg: #ffffff;--lk-buy: #15803d;--lk-buy-fg: #ffffff;--lk-hl: #ffe45c;--lk-hl-fg: #1c2233;--lk-hl-soft: rgba(91,79,224,0.12);--lk-ok: #15803d;--lk-warn: #b45309;--lk-radius: 20px;--lk-radius-sm: 999px;--lk-radius-btn: 14px;--lk-bw: 1px;--lk-shadow: 0 10px 28px rgba(28,34,51,0.07);--lk-pop: 0 0 0 2px #5b4fe0,0 10px 28px rgba(28,34,51,0.1);--lk-tilt: 0deg}:root[data-look="ruhig"][data-theme="dark"]{--lk-paper: #0e1016;--lk-card: #171a23;--lk-card-2: #20242f;--lk-bar: rgba(14,16,22,0.92);--lk-ink: #eef0f6;--lk-ink-2: #a0a6b8;--lk-line: rgba(238,240,246,0.1);--lk-strong: rgba(238,240,246,0.24);--lk-accent: #ab9fff;--lk-on-accent: #0e1016;--lk-btn: #8f7dff;--lk-btn-fg: #0e1016;--lk-buy: #4ade80;--lk-buy-fg: #0b2a17;--lk-hl-soft: rgba(143,125,255,0.18);--lk-ok: #4ade80;--lk-warn: #fbbf24;--lk-shadow: 0 10px 28px rgba(0,0,0,0.3);--lk-pop: 0 0 0 2px #8f7dff,0 10px 28px rgba(0,0,0,0.3)}:root[data-look="whiteboard"]{--lk-font: 'Atkinson Hyperlegible',system-ui,sans-serif;--lk-font-head: 'Kalam','Atkinson Hyperlegible',cursive;--lk-head-w: 700;--lk-head-ls: 0;--lk-head-scale: 1.08;--lk-paper: #fafcff;--lk-paper-img: linear-gradient(115deg,rgba(255,255,255,0.9),rgba(232,240,255,0.55));--lk-paper-size: auto;--lk-margin: transparent;--lk-card: #ffffff;--lk-card-2: #eef3ff;--lk-bar: rgba(250,252,255,0.94);--lk-ink: #14213d;--lk-ink-2: #4b5675;--lk-line: rgba(20,33,61,0.14);--lk-strong: #14213d;--lk-accent: #1d4ed8;--lk-on-accent: #ffffff;--lk-btn: #1d4ed8;--lk-btn-fg: #ffffff;--lk-buy: #dc2626;--lk-buy-fg: #ffffff;--lk-hl: #bbf7d0;--lk-hl-fg: #14213d;--lk-hl-soft: rgba(187,247,208,0.55);--lk-ok: #15803d;--lk-warn: #b45309;--lk-radius: 14px;--lk-radius-sm: 10px;--lk-radius-btn: 12px;--lk-bw: 1.5px;--lk-shadow: 0 6px 18px rgba(20,33,61,0.08);--lk-pop: 0 0 0 2px #1d4ed8,0 6px 18px rgba(20,33,61,0.1);--lk-tilt: 0deg}:root[data-look="whiteboard"][data-theme="dark"]{--lk-paper: #141a26;--lk-paper-img: none;--lk-card: #1c2434;--lk-card-2: #243049;--lk-bar: rgba(20,26,38,0.94);--lk-ink: #eef2ff;--lk-ink-2: #a5b0c8;--lk-line: rgba(238,242,255,0.14);--lk-strong: rgba(238,242,255,0.4);--lk-accent: #7aa2ff;--lk-on-accent: #0b1220;--lk-btn: #7aa2ff;--lk-btn-fg: #0b1220;--lk-buy: #f87171;--lk-buy-fg: #140b0b;--lk-hl: #166534;--lk-hl-fg: #eef2ff;--lk-hl-soft: rgba(34,197,94,0.18);--lk-ok: #4ade80;--lk-warn: #fbbf24;--lk-shadow: 0 10px 28px rgba(0,0,0,0.3);--lk-pop: 0 0 0 2px #7aa2ff,0 10px 28px rgba(0,0,0,0.3)}:root[data-look]{color-scheme: light;--lk-tab-h: 58px;--ink: var(--lk-ink);--ink-2: var(--lk-ink-2);--ink-3: var(--lk-ink-2);--line: var(--lk-line);--bg: var(--lk-paper);--card: var(--lk-card);--accent: var(--lk-accent);--accent-dark: var(--lk-accent);--accent-soft: var(--lk-card-2);--accent-line: var(--lk-line);--warn: var(--lk-warn);--warn-soft: var(--lk-hl-soft);--warn-line: var(--lk-line);--radius: 16px;--shadow: var(--lk-shadow);--card-bg: var(--lk-card);--text-main: var(--lk-ink);--text-muted: var(--lk-ink-2);--text-secondary: var(--lk-ink-2);--primary: var(--lk-ink);--text-dark: var(--lk-ink);--text-light: var(--lk-ink-2);--text: var(--lk-ink);--border: var(--lk-line);--light-bg: var(--lk-card-2);--bg-light: var(--lk-card-2);--white: var(--lk-card)}:root[data-look][data-theme="dark"]{color-scheme: dark}:root[data-look] body{font-family: var(--lk-font) !important;color: var(--lk-ink) !important;background-color: var(--lk-paper) !important;background-image: var(--lk-paper-img) !important;background-size: var(--lk-paper-size) !important}:root[data-look] body::before{content: "";position: fixed;top: 0;bottom: 0;left: 10px;width: 1.5px;background: var(--lk-margin);z-index: 0;pointer-events: none}:root[data-look] body *:not(code):not(pre):not(kbd):not(samp):not(.math-figure *){font-family: inherit}:root[data-look] :is(h1,h2,h3,h4){font-family: var(--lk-font-head) !important;letter-spacing: var(--lk-head-ls) !important}:root[data-look] :is(h1,h2,h3){font-weight: var(--lk-head-w) !important}:root[data-look] :is(h1,h2){line-height: 1.15 !important}:root[data-look] ::selection{background: var(--lk-hl);color: var(--lk-hl-fg)}:root[data-look] mark{background: var(--lk-hl) !important;color: var(--lk-hl-fg) !important;border-radius: 2px}:root[data-look] :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]){background-color: var(--lk-card) !important;color: var(--lk-ink) !important;border-color: var(--lk-line) !important}:root[data-look] ::placeholder{color: var(--lk-ink-2) !important;opacity: 1}:root[data-look] :focus-visible{outline: 2px solid var(--lk-accent) !important;outline-offset: 2px}:root[data-look] hr{border-color: var(--lk-line) !important}:root[data-look] :is(code,kbd){background: var(--lk-card-2) !important;color: var(--lk-ink) !important}:root[data-look] .lk-hl{background-image: linear-gradient(100deg,transparent 0 2%,var(--lk-hl) 2% 97%,transparent 97%);background-repeat: no-repeat;background-size: 100% 42%;background-position: 0 85%;padding: 0 .06em}:root[data-look][data-theme="dark"] .lk-hl{padding-bottom: .12em;background-size: 100% .09em;background-position: 0 100%}:root[data-look="whiteboard"][data-theme="dark"] .lk-hl{padding-bottom: 0;background: none;text-decoration: underline;text-decoration-color: #4ade80;text-decoration-thickness: .08em;text-underline-offset: .1em}:root[data-look] .site-header{background: var(--lk-bar) !important;color: var(--lk-ink) !important;border-bottom: var(--lk-bw) solid var(--lk-line) !important;box-shadow: none !important;-webkit-backdrop-filter: saturate(160%) blur(14px);backdrop-filter: saturate(160%) blur(14px)}:root[data-look] .site-header a,:root[data-look] .site-header nav a{color: var(--lk-ink) !important}:root[data-look] .site-header .logo{white-space: nowrap;letter-spacing: 0 !important;font-size: clamp(.85rem,3.9vw,1rem) !important;font-family: var(--lk-font-head) !important;font-weight: var(--lk-head-w) !important;letter-spacing: var(--lk-head-ls)}:root[data-look] .site-header .logo{display: inline-flex !important;align-items: center;gap: .5rem;text-decoration: none !important}:root[data-look] .site-header .logo::before{content: "";flex: none;width: 28px;height: 28px;background: url(/brand/avo-icon.svg) center / contain no-repeat}@media (max-width: 440px){:root[data-look] .site-header .logo{gap: .45rem;white-space: normal !important;line-height: 1.1 !important;max-width: 8.6rem;font-size: .88rem !important}:root[data-look] .site-header .logo::before{width: 30px;height: 30px}:root[data-look] .site-header nav a[href="/"]{display: none !important}:root[data-look] .site-header nav{gap: .6rem !important}}:root[data-look] .site-header nav a:last-child{border: var(--lk-bw) solid var(--lk-strong);border-radius: 999px;padding: .2rem .7rem}:root[data-look] footer,:root[data-look] .site-footer{background: transparent !important;color: var(--lk-ink-2) !important;border-top: 1.5px dashed var(--lk-line) !important;box-shadow: none !important}:root[data-look] footer :is(a,p,small,span,button),:root[data-look] .site-footer :is(a,p){color: var(--lk-ink-2) !important}:root[data-look] footer a[href="/faq.html"],:root[data-look] footer a[href="/widerruf.html"]{color: var(--lk-ink) !important}:root[data-look] footer svg{color: var(--lk-ink)}:root[data-look] .avo-theme-toggle{border-color: var(--lk-line) !important;color: var(--lk-ink) !important;background: var(--lk-card) !important}:root[data-look] .avo-theme-toggle button[aria-pressed="true"]{background: var(--lk-hl) !important;color: var(--lk-hl-fg) !important}:root[data-look] .avo-look-btn{font-weight: 700 !important}:root[data-look] .avo-look-btn{border: 1px solid var(--lk-line) !important;border-radius: 999px !important;background: var(--lk-card) !important;color: var(--lk-ink) !important;padding: .45rem 1.05rem !important;min-height: 40px !important;white-space: nowrap}:root[data-look] .avo-theme-toggle{min-height: 40px;box-sizing: border-box}:root[data-look] footer{font-size: .875rem !important;padding-top: 28px !important;padding-bottom: 28px !important;margin-top: 40px !important}:root[data-look] footer :is(a,button){font-size: inherit !important;font-weight: 500 !important}:root[data-look] footer a[href="/widerruf.html"]{font-weight: 700 !important}:root[data-look] footer > div > div:first-child{gap: .55rem 1.1rem !important;margin-bottom: 16px !important}:root[data-look] footer p{margin-bottom: 14px !important}:root[data-look] footer svg{width: 26px;height: 26px}:root[data-look] #app > header,:root[data-look] .landing-page .hero{background: transparent !important;color: var(--lk-ink) !important;clip-path: none !important;box-shadow: none !important;padding: 1.6rem 1.25rem .8rem !important;text-align: center}:root[data-look] #app > header h1,:root[data-look] .landing-page .hero h1{color: var(--lk-ink) !important;font-size: calc(clamp(2rem,9vw,2.75rem) * var(--lk-head-scale)) !important;line-height: 1.02 !important;margin: .4rem 0 .6rem !important}:root[data-look] :is(.hero-subtitle,.hero-description,.product-tagline,#app > header p){color: var(--lk-ink-2) !important;opacity: 1 !important}:root[data-look] .back-link{color: var(--lk-ink) !important;background: var(--lk-card) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: 999px !important;box-shadow: var(--lk-shadow) !important;padding: .35rem .85rem !important;font-weight: 650;text-decoration: none}:root[data-look] #app > header,:root[data-look] .header-content,:root[data-look] #app > header h1{text-align: center !important}:root[data-look] .kaufbox-buy-sub{font-weight: 600 !important;opacity: .9}:root[data-look] :is(.card,.skill-card,.afb-card,.kaufbox,.subject-row,.state-card,.state-chosen,.preview-card,.suggestion-card,.product-seo-card,.info-badge-wide){background: var(--lk-card) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: var(--lk-radius) !important;box-shadow: var(--lk-shadow) !important}:root[data-look] :is(.card,.skill-card,.afb-card)::before{height: 0 !important;opacity: 0 !important}:root[data-look] :is(.card-title,.card h3,.skill-card h3,.afb-card strong,.subject-row h3,.kaufbox-text strong,.kaufbox-price b,.state-card h3,.preview-card h3,.product-seo-card h3){color: var(--lk-ink) !important;font-family: var(--lk-font-head) !important;font-weight: var(--lk-head-w) !important;letter-spacing: var(--lk-head-ls)}:root[data-look] :is(.card h3,.skill-card h3){font-size: calc(1.15rem * var(--lk-head-scale)) !important;line-height: 1.2 !important}:root[data-look] .afb-card strong{font-size: calc(clamp(14.5px,4vw,18px) * var(--lk-head-scale)) !important;line-height: 1.2 !important;hyphens: auto;-webkit-hyphens: auto;overflow-wrap: break-word !important}:root[data-look] :is(.card-short,.afb-desc,.subject-row small,.kaufbox p.kaufbox-text,.kaufbox-price span,.preview-card p,.product-seo-card p,.card p){color: var(--lk-ink-2) !important}:root[data-look] .afb-desc em{background: var(--lk-card-2) !important;color: var(--lk-ink) !important}:root[data-look] .afb-card.active,:root[data-look] .afb-card.active:hover{border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;box-shadow: var(--lk-pop) !important;background: var(--lk-card) !important}:root[data-look] .afb-card.active strong{background-image: linear-gradient(100deg,transparent 0 1%,var(--lk-hl) 1% 98%,transparent 98%);background-repeat: no-repeat;background-size: 100% 40%;background-position: 0 88%}:root[data-look][data-theme="dark"] .afb-card.active strong{background-size: 100% 12%;background-position: 0 100%}:root[data-look] .afb-explainer.cats-compact{background: var(--lk-bar) !important;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-bottom: 1px solid var(--lk-line) !important;box-shadow: none !important}:root[data-look] .cats-compact .afb-card,:root[data-look] .cats-compact .afb-card.active{padding: 6px 12px !important;border-radius: 999px !important;border: 1.5px solid var(--lk-line) !important;background: var(--lk-card) !important;box-shadow: none !important;transform: none !important}:root[data-look] .cats-compact .afb-card strong{font-size: .85rem !important;font-weight: 550 !important;background-image: none !important}:root[data-look] .cats-compact .afb-card.active{background: var(--lk-ink) !important;border-color: var(--lk-ink) !important}:root[data-look] .cats-compact .afb-card.active strong{color: var(--lk-paper) !important;font-weight: 650 !important}:root[data-look] .cats-compact .cats-reset{border-radius: 999px !important;padding: 6px 12px !important;font-size: .85rem !important}:root[data-look] .afb-card.active::after{color: var(--lk-ink) !important}:root[data-look] .card-locked{background-image: repeating-linear-gradient(135deg,transparent 0 10px,var(--lk-line) 10px 11px) !important}:root[data-look] .cats-reset,:root[data-look] .sub-filter-btn,:root[data-look] .filter-btn,:root[data-look] .card-search-chip{background: var(--lk-card) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: 999px !important;box-shadow: none !important}:root[data-look] :is(.sub-filter-btn,.filter-btn).active{background: var(--lk-ink) !important;color: var(--lk-paper) !important;border-color: var(--lk-ink) !important}:root[data-look] .sub-filter-container{background: transparent !important;box-shadow: none !important}:root[data-look] .intro-section,:root[data-look] #cards-container{background: transparent !important}:root[data-look] :is(.category-guide-top,#category-prompt > *){background: none !important;border: 0 !important;box-shadow: none !important}:root[data-look] :is(.category-guide-top p,#category-prompt p){color: var(--lk-ink-2) !important;font-weight: 650 !important}:root[data-look] .badge{background: transparent !important;color: var(--lk-ink-2) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: var(--lk-radius-sm) !important;letter-spacing: .1em;transform: rotate(var(--lk-tilt))}:root[data-look] .kaufbox{text-align: center !important}:root[data-look] :is(.kaufbox-buy,.kaufbox-bar button){background: var(--lk-buy) !important;color: var(--lk-buy-fg) !important;border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;border-radius: var(--lk-radius-btn) !important;box-shadow: var(--lk-pop) !important;font-family: var(--lk-font) !important}:root[data-look] :is(.kaufbox-buy,.kaufbox-bar button):active{transform: translate(2px,2px);box-shadow: none !important}:root[data-look] .kaufbox-sub a,:root[data-look] .state-change{color: var(--lk-accent) !important}:root[data-look] .kaufbox-sub .kaufbox-code{color: var(--lk-ink-2) !important}:root[data-look] .kaufbox-bar{background: var(--lk-bar) !important;color: var(--lk-ink) !important;border-top: var(--lk-bw) solid var(--lk-line);box-shadow: none !important;-webkit-backdrop-filter: saturate(160%) blur(16px);backdrop-filter: saturate(160%) blur(16px)}:root[data-look] .kaufbox-bar b{color: var(--lk-ink) !important}:root[data-look] .modal{background: rgba(10,9,8,.5) !important}:root[data-look] :is(.modal-content,.modal-header){background: var(--lk-card) !important;color: var(--lk-ink) !important}:root[data-look] .modal-content{border-radius: 22px !important;border: var(--lk-bw) solid var(--lk-line) !important}:root[data-look] .modal-header{border-bottom: 1px solid var(--lk-line) !important}:root[data-look] :is(.modal-header h2,.modal-content h2){color: var(--lk-ink) !important;font-size: calc(1.5rem * var(--lk-head-scale)) !important;line-height: 1.12 !important}:root[data-look] .modal-content h3{color: var(--lk-ink) !important;border-left-color: var(--lk-hl) !important}:root[data-look] .modal-content h4{color: var(--lk-ink) !important}:root[data-look] :is(.modal-body p,.modal-body li){color: var(--lk-ink) !important}:root[data-look] .modal-body a:not([class]){color: var(--lk-ink) !important;text-decoration-color: var(--lk-hl) !important;text-decoration-thickness: 3px !important;text-underline-offset: 3px}:root[data-look] :is(.modal-close,.close-modal){background: var(--lk-card-2) !important;color: var(--lk-ink) !important;border-radius: 999px !important}:root[data-look] .card-official-source{background: var(--lk-card-2) !important;border: 0 !important;border-left: 3px solid var(--lk-hl) !important;border-radius: 0 10px 10px 0 !important;color: var(--lk-ink-2) !important}:root[data-look] :is(.card-official-source strong,.card-official-source a){color: var(--lk-ink) !important}:root[data-look] .loop-callout{background: var(--lk-card-2) !important;border: 1px dashed var(--lk-strong) !important;border-radius: 12px !important;color: var(--lk-ink) !important}:root[data-look] :is(.loop-callout p,.loop-callout strong){color: var(--lk-ink) !important}:root[data-look] .compare-stack > div{border-left-color: var(--lk-hl) !important}:root[data-look] :is(#card-search,.state-search){background: var(--lk-card) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: 14px !important;box-shadow: none !important}:root[data-look] :is(#card-search,.state-search):focus{border-color: var(--lk-strong) !important;box-shadow: var(--lk-pop) !important;outline: none !important}:root[data-look] #card-search-suggest{background: var(--lk-card) !important;border-color: var(--lk-line) !important;color: var(--lk-ink)}:root[data-look] #card-search-count{color: var(--lk-ink-2) !important}:root[data-look] .toast{background: var(--lk-ink) !important;color: var(--lk-paper) !important;border-radius: 14px !important}:root[data-look] :is(.product-seo-content,.product-seo-hero,#related-products,.related-products){background: transparent !important;color: var(--lk-ink) !important}:root[data-look] :is(.product-seo-content,.product-seo-hero,#related-products) :is(h2,h3,p,li,strong){color: inherit !important}:root[data-look] :is(.product-seo-content,.product-seo-hero) :is(p,li){color: var(--lk-ink-2) !important}:root[data-look] .product-seo-hero{border: var(--lk-bw) solid var(--lk-line) !important;border-radius: var(--lk-radius) !important;background: var(--lk-card) !important}:root[data-look] #related-products a,:root[data-look] #related-products h2{color: var(--lk-ink) !important}:root[data-look] #related-products [style*="color"]{color: var(--lk-ink-2) !important}:root[data-look] #related-products [style*="color: #3b82f6"],:root[data-look] #related-products [style*="color:#3b82f6"]{color: var(--lk-accent) !important}:root[data-look] #related-products > * :is(div,a)[style*="background"]{background: var(--lk-card) !important;border-color: var(--lk-line) !important}:root[data-look] .landing-page{display: flex;flex-direction: column}:root[data-look] .landing-page > .hero{order: 1}:root[data-look] .landing-page > .state-selector{order: 2}:root[data-look] .landing-page > .subject-selector{order: 3}:root[data-look] .landing-page > .preview-section{order: 4}:root[data-look] .landing-page > footer{order: 9}:root[data-look] .landing-page > :is(.hero,.state-selector,.subject-selector,.preview-section){width: 100%;max-width: 960px;margin-left: auto !important;margin-right: auto !important;box-sizing: border-box}:root[data-look] .landing-page .hero .hero-content{display: flex;justify-content: center}:root[data-look] .landing-page .hero .hero-info-box{margin: 0 auto !important;max-width: 520px}:root[data-look] .landing-page .hero h1{display: inline;font-size: calc(clamp(1.9rem,8.4vw,2.75rem) * var(--lk-head-scale)) !important;margin: 0 .3rem 0 0 !important}:root[data-look] .landing-page .hero .hero-year{background: none !important;-webkit-text-fill-color: currentColor !important;color: var(--lk-ink) !important;display: inline-block;font-family: var(--lk-font-head) !important;font-weight: var(--lk-head-w) !important;font-size: calc(clamp(1.9rem,8.4vw,2.75rem) * var(--lk-head-scale)) !important;line-height: 1.05 !important;margin: 0 0 .5rem !important;letter-spacing: var(--lk-head-ls) !important;background-image: linear-gradient(100deg,transparent 0 2%,var(--lk-hl) 2% 97%,transparent 97%) !important;background-repeat: no-repeat !important;background-size: 100% 40% !important;background-position: 0 88% !important}:root[data-look][data-theme="dark"] .landing-page .hero .hero-year{padding-bottom: .16em;background-size: 100% .1em !important;background-position: 0 100% !important}:root[data-look] .landing-page .hero .hero-faecher-label{display: none !important}:root[data-look] .landing-page .hero .hero-faecher-icons{display: none !important}.hero-faecher-chips,.hero-sub,.hero-byline{display: none}:root[data-look] .landing-page .hero .hero-content{display: none !important}:root[data-look] .landing-page .hero .hero-sub{display: block;max-width: 31ch;margin: .1rem auto .55rem !important;font-size: clamp(1rem,4.2vw,1.12rem) !important;line-height: 1.4 !important;color: var(--lk-ink) !important;text-wrap: balance}:root[data-look] .landing-page .hero .hero-byline{display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;gap: .45rem;margin: 0 0 .9rem !important;font-size: .82rem !important;color: var(--lk-ink-2) !important;white-space: nowrap;max-width: 100%;box-sizing: border-box}:root[data-look] .hero-byline img{width: 24px;height: 24px;border-radius: 50%;object-fit: cover;border: 1px solid var(--lk-line);flex: none}:root[data-look] .landing-page .hero .hero-byline b{color: var(--lk-ink) !important;font-weight: 600}@media (max-width: 480px){:root[data-look] .landing-page .hero .hero-byline{flex-wrap: wrap;white-space: normal;align-items: flex-start;row-gap: .12rem;column-gap: .45rem}:root[data-look] .landing-page .hero .hero-byline > span{display: flex;flex-direction: column;align-items: flex-start;min-width: 0;text-align: left}:root[data-look] .landing-page .hero .hero-byline .hero-byline-sep{display: none}}:root[data-look] .landing-page .hero .hero-faecher-chips{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;max-width: 27.5rem;margin: 0 auto .4rem}:root[data-look] .landing-page > .hero{margin-bottom: 0 !important}:root[data-look] .hero-faecher-chips :is(span,button){border: 1.5px solid var(--lk-line);background: var(--lk-card);color: var(--lk-ink);border-radius: 999px;padding: 3px 11px 3px 9px;font: inherit;font-size: .82rem;font-weight: 550;white-space: nowrap;line-height: 1.6;cursor: pointer;transition: border-color .15s,background .15s}:root[data-look] .hero-faecher-chips button:hover{border-color: var(--lk-accent)}:root[data-look] .hero-faecher-chips button[aria-pressed="true"]{border-color: var(--lk-accent);background: var(--lk-hl-soft,var(--lk-card-2));font-weight: 700}:root[data-look] .landing-page .hero :is(p,strong,.hero-info-title){color: var(--lk-ink) !important;opacity: 1 !important}:root[data-look] .landing-page .hero .hero-info-sub{color: var(--lk-ink-2) !important;opacity: 1 !important}:root[data-look] :is(.info-badge,.hero-info-box,.origin-badge){background: var(--lk-card) !important;border: var(--lk-bw) solid var(--lk-line) !important;backdrop-filter: none !important;border-radius: var(--lk-radius) !important;box-shadow: var(--lk-shadow) !important;gap: 1rem !important;padding: .9rem 1rem !important;text-align: left;color: var(--lk-ink) !important}:root[data-look] :is(.info-badge *,.teacher-credit,.info-text,.portrait-name){color: inherit !important;opacity: 1 !important}:root[data-look] .hero-portrait-left img{border-color: var(--lk-line) !important;width: 64px !important;height: 64px !important}:root[data-look] :is(.preview-section,.state-selector,.subject-selector){background: transparent !important;padding-left: 16px !important;padding-right: 16px !important}:root[data-look] :is(.preview-section h2,.subject-selector h2){color: var(--lk-ink) !important;text-align: left;font-size: calc(1.5rem * var(--lk-head-scale)) !important}:root[data-look] .preview-section{max-width: 520px !important}:root[data-look] .preview-section h2{text-align: center !important}:root[data-look] .preview-grid{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: .5rem !important}:root[data-look] .preview-card{display: grid !important;grid-template-columns: auto minmax(0,1fr);column-gap: .55rem;align-items: start;text-align: left !important;padding: .6rem .7rem !important;min-height: 0 !important}:root[data-look] .preview-card .preview-icon{grid-row: span 2;font-size: 1.25rem !important;line-height: 1.2;margin: 0 !important}:root[data-look] .preview-card h3{font-size: calc(.88rem * var(--lk-head-scale)) !important;line-height: 1.2 !important;margin: 0 !important}:root[data-look] .preview-card p{font-size: .76rem !important;line-height: 1.3 !important;margin: .1rem 0 0 !important}@media (min-width: 700px){:root[data-look] .preview-card{padding: .8rem .95rem !important;column-gap: .7rem}:root[data-look] .preview-card h3{font-size: calc(1rem * var(--lk-head-scale)) !important}:root[data-look] .preview-card p{font-size: .85rem !important}}:root[data-look] .landing-page :is(.state-controls,.state-grid,.state-chosen,.subject-grid,.lk-steps){max-width: 520px !important;margin-left: auto !important;margin-right: auto !important}:root[data-look] .state-grid{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: .4rem !important}:root[data-look] .state-controls{margin-bottom: .6rem !important}:root[data-look] .state-card{flex-direction: row !important;align-items: center !important;gap: .45rem;padding: .45rem .6rem !important;min-height: 40px;text-align: left;border-radius: calc(var(--lk-radius-btn)) !important;transition: box-shadow .15s,transform .15s}:root[data-look] .state-card:hover,:root[data-look] .state-card.selected{border-color: var(--lk-strong) !important;box-shadow: var(--lk-pop) !important;transform: none !important}:root[data-look] .state-card .state-flag{flex: none;width: 22px;height: auto !important;padding: 0 !important;background: none !important}:root[data-look] .state-card .state-flag img{width: 22px !important;height: 15px !important;object-fit: cover;border-radius: 3px;box-shadow: 0 0 0 1px var(--lk-line)}:root[data-look] .state-card .state-info{padding: 0 !important;background: none !important;min-width: 0}:root[data-look] .state-card h3{font-size: calc(.82rem * var(--lk-head-scale)) !important;line-height: 1.15 !important;margin: 0 !important;text-align: left !important}:root[data-look] .state-card .state-info{min-width: 0}:root[data-look] .state-card .state-badge{display: none !important}:root[data-look] .state-chosen{display: flex;align-items: center;gap: .7rem;padding: .8rem 1rem !important;margin: 0 0 1rem !important}:root[data-look] .state-chosen strong{color: var(--lk-ink) !important;font-family: var(--lk-font-head);font-weight: var(--lk-head-w)}:root[data-look] .state-change{margin-left: auto;background: none !important;border: 0 !important;font-weight: 700 !important;text-decoration: underline;text-underline-offset: 3px}:root[data-look] .subject-grid{display: flex !important;flex-direction: column;gap: .75rem !important;overflow-x: hidden;min-width: 0}:root[data-look] .subject-grid > a[href$="/deutsch"]{order: 1}:root[data-look] .subject-grid > a[href$="/englisch"]{order: 2}:root[data-look] .subject-grid > a[href$="/mathematik"]{order: 3}:root[data-look] .subject-grid > a[href$="/spanisch"]{order: 4}:root[data-look] .subject-grid > a[href$="/franzoesisch"]{order: 5}:root[data-look] .subject-grid > a[href$="/biologie"]{order: 6}:root[data-look] .subject-grid > a[href$="/physik"]{order: 7}:root[data-look] .subject-grid > a[href$="/geschichte"]{order: 8}:root[data-look] .subject-row{padding: 1rem !important;text-decoration: none !important;transition: box-shadow .15s,transform .15s;min-width: 0}:root[data-look] .subject-row:hover{border-color: var(--lk-strong) !important;box-shadow: var(--lk-pop) !important}:root[data-look] .subject-row h3{font-size: calc(1.25rem * var(--lk-head-scale)) !important;margin: 0 !important}:root[data-look] .subject-icon{font-size: 1.6rem}:root[data-look] .subject-row .subject-text{flex: 1;min-width: 0}:root[data-look] .subject-row small{overflow-wrap: break-word}:root[data-look] .subject-row .subject-after{white-space: nowrap}:root[data-look] .subject-cta{flex: none;margin-left: auto;white-space: nowrap;padding: .35rem .7rem;font-size: .8rem;font-weight: 700;line-height: 1.2;background: var(--lk-btn) !important;color: var(--lk-btn-fg) !important;border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;border-radius: var(--lk-radius-btn) !important;box-shadow: var(--lk-pop) !important}@media (max-width: 640px){:root[data-look] .subject-row{padding: .85rem !important;gap: .65rem}:root[data-look] .subject-cta{padding: .3rem .55rem;font-size: .75rem}}:root[data-look] :is(.subject-price,.product-cta,.btn-link){color: var(--lk-accent) !important}:root[data-look] :is(.btn-primary,.cta-button:not(.cta-box .cta-button)){background: var(--lk-btn) !important;color: var(--lk-btn-fg) !important;border-radius: var(--lk-radius-btn) !important;box-shadow: var(--lk-pop) !important}:root[data-look] :is(.paywall-content,.code-input-modal-content){background: var(--lk-paper) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: 24px !important}:root[data-look] :is(.paywall-content,.code-input-modal-content) :is(h2,h3,label,span,p,strong,summary,div):not(#bundle-savings):not(#bundle-savings *):not([style*="background"]){color: inherit !important}:root[data-look] .paywall-content :is(p,small,.price-note,.paywall-footer a){color: var(--lk-ink-2) !important}:root[data-look] .paywall-header h2{font-size: calc(1.4rem * var(--lk-head-scale)) !important;line-height: 1.15 !important}:root[data-look] .paywall-content .price-amount{color: var(--lk-ink) !important;font-family: var(--lk-font-head) !important;font-weight: var(--lk-head-w) !important}:root[data-look] .paywall-price,:root[data-look] .price-display{background: var(--lk-card) !important;border: var(--lk-bw) solid var(--lk-strong) !important;border-radius: var(--lk-radius) !important;box-shadow: var(--lk-pop) !important}:root[data-look] .paywall-content :is(#bundle-selector,div[style*="background: #f8fafc"]){background: var(--lk-card) !important;border-color: var(--lk-line) !important;border-radius: var(--lk-radius) !important}:root[data-look] .paywall-content label[style*="border-radius: 6px"]:hover{background: var(--lk-card-2) !important}:root[data-look] #bundle-savings{background: var(--lk-hl-soft) !important;color: var(--lk-ink) !important}:root[data-look] .paywall-content a:not(.paywall-footer a){color: var(--lk-accent) !important}:root[data-look] .paywall-content button[onclick*="showCodeInput"]{color: var(--lk-accent) !important}:root[data-look] .paywall-content [style*="border-top: 1px solid #e2e8f0"]{border-top-color: var(--lk-line) !important}:root[data-look] #paywall-pay-bar{background: var(--lk-paper) !important;box-shadow: 0 -8px 18px rgba(0,0,0,.06) !important}:root[data-look] #stripe-pay-btn{background: var(--lk-buy) !important;color: var(--lk-buy-fg) !important;border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;border-radius: var(--lk-radius-btn) !important;box-shadow: var(--lk-pop) !important}:root[data-look] #stripe-pay-btn:disabled{opacity: .55;box-shadow: none !important}:root[data-look] :is(.code-verify-btn){background: var(--lk-btn) !important;color: var(--lk-btn-fg) !important;border-radius: var(--lk-radius-btn) !important}:root[data-look] #wz-card{background: var(--lk-paper) !important;background-image: var(--lk-paper-img) !important;background-size: var(--lk-paper-size) !important;color: var(--lk-ink);border: var(--lk-bw) solid var(--lk-line)}:root[data-look] #wz-card > div:first-child{background: transparent !important;color: var(--lk-ink) !important;padding-bottom: 0 !important}:root[data-look] #wz-card > div:first-child [id^="wz-dot-"]{background: var(--lk-line) !important;border-radius: 4px !important;transform: none !important}:root[data-look] #wz-card > div:first-child [id^="wz-dot-"][style*="white"]{width: 24px !important;background: var(--lk-ink) !important}:root[data-look] #wz-card > div:first-child button{background: var(--lk-card-2) !important;color: var(--lk-ink) !important}:root[data-look] #wz-step-label{color: var(--lk-ink-2) !important;opacity: 1 !important;font-weight: 700;letter-spacing: .12em !important}:root[data-look] #wz-body :is(div,span){color: inherit}:root[data-look] #wz-body [style*="color:#1e293b"],:root[data-look] #wz-body [style*="color:#1e3a8a"],:root[data-look] .wz-flow-heading{color: var(--lk-ink) !important}:root[data-look] .wz-step-title,:root[data-look] #wz-inner > div:first-child{font-family: var(--lk-font-head) !important;font-weight: var(--lk-head-w) !important;font-size: calc(1.6rem * var(--lk-head-scale)) !important;letter-spacing: var(--lk-head-ls);color: var(--lk-ink) !important}:root[data-look] #wz-body :is([style*="color:#64748b"],[style*="color:#94a3b8"]),:root[data-look] .wz-flow-desc{color: var(--lk-ink-2) !important}:root[data-look] #wz-body [style*="color:#15803d"],:root[data-look] #wz-body [style*="color:#1d4ed8"]{color: var(--lk-ink) !important}:root[data-look] #wz-body [style*="border:2px solid"]{background: var(--lk-card) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: var(--lk-radius) !important}:root[data-look] #wz-body [style*="border:2px solid #93c5fd"]{border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;box-shadow: var(--lk-pop)}:root[data-look] .wz-flow-num{background: transparent !important;color: var(--lk-ink) !important;box-shadow: none !important;font-family: var(--lk-font-head) !important;font-size: calc(1.6rem * var(--lk-head-scale)) !important}:root[data-look] .wz-flow-connector{background: var(--lk-line) !important}:root[data-look] #wz-footer{background: transparent !important;border-top: 0 !important}:root[data-look] .wz-btn-primary,:root[data-look] .wz-btn-primary.wz-btn-finish{background: var(--lk-btn) !important;color: var(--lk-btn-fg) !important;border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;border-radius: var(--lk-radius-btn) !important;box-shadow: 4px 4px 0 var(--lk-hl) !important}:root[data-look][data-theme="dark"] .wz-btn-primary{box-shadow: var(--lk-pop) !important}:root[data-look] .wz-btn-secondary{background: transparent !important;color: var(--lk-ink) !important;text-decoration: underline;text-underline-offset: 3px}:root[data-look] #avo-look-ask{background: var(--lk-card) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-strong);box-shadow: var(--lk-pop) !important}:root[data-look] #avo-look-ask :is(span,small){color: var(--lk-ink-2) !important}:root[data-look] :is(main,article,.wrap,.container,.op-page,.tt-page,.seo-page,.content-wrapper,.legal-page) :is(p,li,dd,td,figcaption){color: var(--lk-ink-2) !important}:root[data-look] :is(main,article,.wrap,.container,.op-page,.tt-page,.seo-page,.content-wrapper,.legal-page) :is(h1,h2,h3,h4,strong,b,dt,th,summary,legend){color: var(--lk-ink) !important}:root[data-look] :is(main,article,.wrap,.container,.op-page,.tt-page,.seo-page,.content-wrapper) h1{font-size: calc(clamp(1.75rem,7vw,2.4rem) * var(--lk-head-scale)) !important;line-height: 1.1 !important}:root[data-look] :is(main,article,.content-section,.section,.content-box,.seo-page-container,.container,.op-page,.tt-page,.seo-page) h2{font-size: calc(clamp(1.3rem,5.2vw,1.6rem) * var(--lk-head-scale)) !important;line-height: 1.2 !important;border-left: 0 !important;padding-left: 0 !important;border-bottom: 1.5px dashed var(--lk-line) !important;padding-bottom: .45rem !important;background: none !important;text-transform: none !important}:root[data-look] :is(main,article,.container,.op-page,.tt-page,.seo-page) h3{font-size: calc(1.12rem * var(--lk-head-scale)) !important;line-height: 1.3 !important}:root[data-look] :is(main,article,.wrap,.container,.op-page,.tt-page,.seo-page,.content-wrapper,.legal-page,.modal-body) a:not([class]){color: var(--lk-accent) !important;text-decoration-thickness: 1.5px;text-underline-offset: 3px}:root[data-look] :is(.crumbs,.op-breadcrumb,.tt-breadcrumb,.breadcrumb,.breadcrumbs),:root[data-look] :is(.crumbs,.op-breadcrumb,.tt-breadcrumb,.breadcrumb,.breadcrumbs) *{color: var(--lk-ink-2) !important}:root[data-look] :is(.lead,.op-lead,.tt-lead,.intro){color: var(--lk-ink-2) !important}:root[data-look] :is(.eyebrow,.op-badge,.tt-badge,.word-count-badge,.uebung-level){background: transparent !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-strong) !important;border-radius: var(--lk-radius-sm) !important;transform: rotate(var(--lk-tilt));font-weight: 700 !important}:root[data-look] blockquote{border-left-color: var(--lk-hl) !important;color: var(--lk-ink) !important;background: transparent !important}:root[data-look] :is(.page-hero,.op-hero,.tt-hero,.seo-hero,.article-hero,.hero:not(.landing-page .hero)){background: transparent !important;color: var(--lk-ink) !important;box-shadow: none !important;border: 0 !important;clip-path: none !important}:root[data-look] :is(.page-hero,.op-hero,.tt-hero,.seo-hero,.article-hero,.hero:not(.landing-page .hero)) :is(h1,h2,p,span,a,div){color: inherit !important;-webkit-text-fill-color: currentColor}:root[data-look] :is(.page-hero,.op-hero,.tt-hero,.seo-hero,.article-hero) p{color: var(--lk-ink-2) !important}:root[data-look] :is(.info-box,.tip-box,.theme-box,.highlight-box,.example-box,.success-box,.vocab-box,.exam-box,.step-card,.zeit-phase,.tt-card,.uebung-card,.step-box,.op-card,.tt-structure-item,.bewertung-item,.example-phrase,.mistake-box,.example,.callout,.frame-note,.toc,.op-toc,.compare > div,.mistakes li,.faq details,.op-example,.op-example-task,.op-highlight,.op-source,.op-related-card,.tt-definition,.tt-tip,.tt-mistake,.tt-phrases,.tt-tips,.lektuere-ahead,.lektuere-states,.print-btn,.facts,.table-wrap,.lerncheck,.checklist label,.legal-page,.content-card,.definition-box,.key-box,.note-box){background: var(--lk-card) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: var(--lk-radius) !important;box-shadow: var(--lk-shadow) !important}:root[data-look] :is(.info-box,.tip-box,.highlight-box,.callout.key,.op-highlight,.tt-definition,.frame-note,.definition-box,.key-box){border-left: 4px solid var(--lk-hl) !important}:root[data-look] :is(.warning-box,.error-box,.callout.exam,.op-warning,.exam-box){background: var(--lk-card) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-left: 4px solid var(--lk-warn) !important;border-radius: var(--lk-radius) !important;color: var(--lk-ink) !important}:root[data-look] .callout.exam .callout-title{color: var(--lk-warn) !important}:root[data-look] .is-cards{background: var(--lk-card-2) !important}:root[data-look] :is(.facts div){background: var(--lk-card) !important}:root[data-look] .facts{background: var(--lk-line) !important}:root[data-look] :is(main,article,.op-page,.tt-page,.container,.wrap) span[style*="color: white"],:root[data-look] :is(main,article,.op-page,.tt-page,.container,.wrap) span[style*="color:white"],:root[data-look] :is(main,article,.op-page,.tt-page,.container,.wrap) span[style*="color: #fff"],:root[data-look] :is(main,article,.op-page,.tt-page,.container,.wrap) span[style*="color:#fff"]{background: var(--lk-ink) !important;color: var(--lk-paper) !important;border-radius: var(--lk-radius-sm) !important}:root[data-look] :is(main,article,.content-section,.container) div[style*="background"][style*="border-left"]{background: var(--lk-card) !important;border-color: var(--lk-line) !important;border-left-color: var(--lk-hl) !important;color: var(--lk-ink) !important}:root[data-look] :is(.toc,.op-toc) a{color: var(--lk-ink) !important}:root[data-look] :is(.toc h2,.op-toc h2){border: 0 !important;font-size: .8rem !important;letter-spacing: .12em !important;text-transform: uppercase !important;color: var(--lk-ink-2) !important;font-family: var(--lk-font) !important}:root[data-look] table{background: var(--lk-card) !important;color: var(--lk-ink)}:root[data-look] th{background: var(--lk-card-2) !important;color: var(--lk-ink) !important;border-color: var(--lk-line) !important}:root[data-look] td{border-color: var(--lk-line) !important;background: transparent !important}:root[data-look] .faq summary::after{color: var(--lk-ink) !important}:root[data-look] .faq details[open] summary{border-bottom-color: var(--lk-line) !important}:root[data-look] .mistakes span::before{color: var(--lk-ok) !important}:root[data-look] ol.timeline::before{background: var(--lk-line) !important}:root[data-look] .tl-ch{background: var(--lk-card) !important;border-color: var(--lk-strong) !important;color: var(--lk-ink) !important}:root[data-look] :is(.tl-when,.ch-meta,.ch-gaertner,.frame-line,.avo-fig-credit,.avo-fig-credit a,.avo-fig figcaption){color: var(--lk-ink-2) !important}:root[data-look] .avo-fig{background: transparent !important}:root[data-look] .avo-fig img{border: var(--lk-bw) solid var(--lk-line);border-radius: min(var(--lk-radius-sm),16px);background: #fff}:root[data-look] :is(.cta-box,.tt-cta,.op-cta,.cta-section,.champion-product-cta){background: color-mix(in srgb,var(--lk-hl) 16%,var(--lk-card)) !important;color: var(--lk-ink) !important;border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;border-radius: var(--lk-radius) !important;box-shadow: var(--lk-pop) !important;text-align: left !important}:root[data-look] :is(.cta-box,.tt-cta,.op-cta,.cta-section,.champion-product-cta) :is(h2,h3){color: var(--lk-ink) !important;border: 0 !important;padding: 0 !important;text-align: left !important;font-size: 1.4rem !important;line-height: 1.25 !important}:root[data-look] :is(.cta-box,.tt-cta,.op-cta,.cta-section,.champion-product-cta) :is(p,.cta-note,.cta-states-label){color: var(--lk-ink-2) !important;text-align: left !important}:root[data-look] .cta-box .cta-other a{color: var(--lk-accent) !important}:root[data-look] :is(.cta-box .cta-button,.tt-cta-btn,.op-cta-btn,.cta-section a[class*="btn"],.cta-section .cta-button){background: var(--lk-btn) !important;color: var(--lk-btn-fg) !important;border: calc(var(--lk-bw) + .5px) solid var(--lk-strong) !important;border-radius: var(--lk-radius-btn) !important;box-shadow: 4px 4px 0 var(--lk-hl) !important;font-weight: 750 !important}:root[data-look][data-theme="dark"] :is(.cta-box,.tt-cta,.op-cta,.cta-section,.champion-product-cta){background: color-mix(in srgb,var(--lk-hl) 9%,var(--lk-card)) !important;border-color: color-mix(in srgb,var(--lk-hl) 55%,var(--lk-card)) !important}:root[data-look][data-theme="dark"] :is(.cta-box .cta-button,.tt-cta-btn,.op-cta-btn,.cta-section a[class*="btn"],.cta-section .cta-button){box-shadow: var(--lk-pop) !important}:root[data-look] :is(.cta-state,.champion-links a,.lektuere-state){background: var(--lk-card) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: var(--lk-radius-sm) !important;box-shadow: none !important}:root[data-look] :is(.cta-state,.lektuere-state){border-radius: 12px !important}:root[data-look] :is(.cta-state:hover,.champion-links a:hover,.lektuere-state:hover){border-color: var(--lk-strong) !important;box-shadow: var(--lk-pop) !important}:root[data-look] :is(.cta-state-name,.lektuere-state-name){color: var(--lk-ink) !important}:root[data-look] :is(.cta-state-go,.lektuere-state-go){color: var(--lk-ink-2) !important}:root[data-look] .op-cta-btn,:root[data-look] .tt-cta-btn{display: inline-block}:root[data-look] .lerncheck :is(.lc-intro,.lc-exp){color: var(--lk-ink-2) !important}:root[data-look] .lc-n{background: var(--lk-ink) !important;color: var(--lk-paper) !important}:root[data-look] .lc-opt{background: var(--lk-paper) !important;color: var(--lk-ink) !important;border: var(--lk-bw) solid var(--lk-line) !important;border-radius: 12px !important}:root[data-look] .lc-opt:hover{border-color: var(--lk-strong) !important}:root[data-look] .lc-next{background: var(--lk-btn) !important;color: var(--lk-btn-fg) !important;border: var(--lk-bw) solid var(--lk-strong) !important;border-radius: var(--lk-radius-btn) !important}:root[data-look] .lc-prog-t{color: var(--lk-ink-2) !important}:root[data-look] .lc-prog-bar{background: var(--lk-line) !important}:root[data-look] .lc-prog-bar b{background: var(--lk-ok) !important}:root[data-look] .lc-opt.is-right,:root[data-look] .lc-more{background: color-mix(in srgb,var(--lk-ok) 14%,var(--lk-card)) !important;border-color: var(--lk-ok) !important;color: var(--lk-ink) !important}:root[data-look] .lc-opt.is-wrong{background: color-mix(in srgb,#ef4444 14%,var(--lk-card)) !important;border-color: #ef4444 !important;color: var(--lk-ink) !important}:root[data-look] .lc-exp{background: var(--lk-card-2) !important}:root[data-look] :is(.lc-score a,.lc-more a){color: var(--lk-accent) !important}:root[data-look] :is(.lc-q legend,.lc-score){color: var(--lk-ink) !important}:root[data-look] .legal-page{max-width: 760px}:root[data-look] .legal-page :is([style*="color"]){color: var(--lk-ink-2) !important}:root[data-look] .legal-page :is(h1,h2,h3,strong)[style*="color"],:root[data-look] .legal-page :is(h1,h2,h3){color: var(--lk-ink) !important}:root[data-look] .legal-page [style*="background"]{background: var(--lk-card-2) !important;border-color: var(--lk-hl) !important}:root[data-look] .lk-steps{margin: .4rem 0 1rem}:root[data-look] .lk-steps{text-align: center}:root[data-look] .lk-eyebrow{font-size: .72rem !important;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--lk-ink-2) !important;margin: 0 0 .25rem !important}:root[data-look] .lk-steps h2{font-size: calc(clamp(1.75rem,8vw,2.3rem) * var(--lk-head-scale)) !important;line-height: 1.05 !important;color: var(--lk-ink) !important;margin: 0 0 .4rem !important;border: 0 !important;padding: 0 !important;text-align: center !important}:root[data-look] .lk-lead{color: var(--lk-ink-2) !important;margin: 0 !important;font-size: 1rem;line-height: 1.45}:root[data-look] .landing-page .state-selector.is-filtered .state-controls{display: none}:root[data-look] .landing-page .subject-selector > h2{display: none}:root[data-look] .landing-page .subject-selector{padding-top: 0 !important;margin-top: 0 !important}:root[data-look] .landing-page .state-selector.is-filtered{padding-bottom: .25rem !important;margin-bottom: 0 !important}:root[data-look] .lk-tabbar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 940;display: flex;justify-content: center;height: calc(var(--lk-tab-h) + env(safe-area-inset-bottom));padding-bottom: env(safe-area-inset-bottom);background: var(--lk-bar);-webkit-backdrop-filter: saturate(160%) blur(18px);backdrop-filter: saturate(160%) blur(18px);border-top: var(--lk-bw) solid var(--lk-line)}:root[data-look] .lk-tab{flex: 1;max-width: 160px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;position: relative;color: var(--lk-ink-2);background: none;border: 0;font: inherit;font-size: 11px;font-weight: 700;letter-spacing: .02em;text-decoration: none;cursor: pointer;padding: 0}:root[data-look] .lk-tab svg{width: 24px;height: 24px}:root[data-look] .lk-tab[aria-current="page"]{color: var(--lk-ink)}:root[data-look] .lk-tab[aria-current="page"]::after{content: "";position: absolute;bottom: 5px;width: 26px;height: 4px;border-radius: 2px;background: var(--lk-hl)}:root[data-look] body.has-lk-tabbar{padding-bottom: calc(var(--lk-tab-h) + env(safe-area-inset-bottom) + 12px) !important}:root[data-look] body.has-lk-tabbar.has-kaufbox-bar{padding-bottom: calc(var(--lk-tab-h) + 72px + env(safe-area-inset-bottom)) !important}:root[data-look] body.has-lk-tabbar .kaufbox-bar{bottom: calc(var(--lk-tab-h) + env(safe-area-inset-bottom)) !important;padding-bottom: .6rem !important;padding-top: .6rem !important}:root[data-look] body.has-lk-tabbar .kaufbox-bar:not(.is-visible){transform: translateY(calc(100% + var(--lk-tab-h) + 40px)) !important}:root[data-look] body.has-lk-tabbar #avo-look-ask{bottom: calc(var(--lk-tab-h) + 84px + env(safe-area-inset-bottom)) !important}@media (min-width: 900px){:root[data-look] .lk-tabbar{display: none}:root[data-look] body.has-lk-tabbar{padding-bottom: 0 !important}:root[data-look] body.has-lk-tabbar.has-kaufbox-bar{padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important}:root[data-look] body.has-lk-tabbar .kaufbox-bar{bottom: 1.5rem !important;border: var(--lk-bw) solid var(--lk-strong) !important;box-shadow: var(--lk-pop) !important}}:root[data-look] .lk-sheet-bg{position: fixed;inset: 0;z-index: 2600;background: rgba(10,9,8,.45);display: flex;align-items: flex-end;justify-content: center}:root[data-look] .lk-sheet{width: 100%;max-width: 520px;background: var(--lk-paper);background-image: var(--lk-paper-img);background-size: var(--lk-paper-size);color: var(--lk-ink);border-radius: 24px 24px 0 0;border: var(--lk-bw) solid var(--lk-line);border-bottom: 0;padding: 10px 20px 0;max-height: 86vh;max-height: 86dvh;overflow-y: auto;overscroll-behavior: contain}:root[data-look] .lk-sheet-grab{width: 38px;height: 5px;border-radius: 3px;background: var(--lk-line);margin: 0 auto 14px}:root[data-look] .lk-sheet h2{font-size: calc(1.9rem * var(--lk-head-scale)) !important;line-height: 1.05 !important;margin: 0 0 .3rem !important;color: var(--lk-ink) !important}:root[data-look] .lk-sheet p{color: var(--lk-ink-2);margin: 0 0 1rem;font-size: .95rem}:root[data-look] .lk-looks{display: grid;gap: 10px}:root[data-look] .lk-look{display: flex;align-items: center;gap: 14px;width: 100%;text-align: left;padding: 12px 14px;border-radius: 16px;cursor: pointer;border: var(--lk-bw) solid var(--lk-line);background: var(--lk-card);color: var(--lk-ink);font: inherit}:root[data-look] .lk-look[aria-checked="true"]{border: calc(var(--lk-bw) + .5px) solid var(--lk-strong);box-shadow: var(--lk-pop)}:root[data-look] .lk-look b{display: block;font-size: 1.15rem;line-height: 1.15}:root[data-look] .lk-look small{display: block;color: var(--lk-ink-2);font-size: .82rem;margin-top: 2px}:root[data-look] .lk-look i{flex: none;width: 46px;height: 46px;border-radius: 10px;border: 1.5px solid rgba(0,0,0,.25);background: var(--sw-bg);color: var(--sw-fg);display: grid;place-items: center;font-style: normal;font-weight: 800;font-size: 18px}:root[data-look] .lk-seg{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: 4px;padding: 4px;border-radius: 12px;background: var(--lk-card-2);margin: 1rem 0 .4rem}:root[data-look] .lk-seg button{border: 0;background: none;border-radius: 9px;padding: 9px 0;font: inherit;font-size: .9rem;font-weight: 700;color: var(--lk-ink-2);cursor: pointer}:root[data-look] .lk-seg button[aria-pressed="true"]{background: var(--lk-card);color: var(--lk-ink);box-shadow: 0 0 0 1px var(--lk-strong)}:root[data-look] .lk-sheet-close{position: sticky;bottom: 0;box-shadow: 0 -14px 0 var(--lk-paper),0 calc(14px + env(safe-area-inset-bottom)) 0 var(--lk-paper);display: block;width: 100%;margin: 14px 0 calc(14px + env(safe-area-inset-bottom));padding: 14px;border-radius: var(--lk-radius-btn);border: calc(var(--lk-bw) + .5px) solid var(--lk-strong);background: var(--lk-btn);color: var(--lk-btn-fg);font: inherit;font-weight: 750;cursor: pointer}:root[data-look] body{overflow-x: hidden}:root[data-look] :is(main,article,.wrap,.container) img{max-width: 100%;height: auto}:root[data-look] :is(.state-card h3,.card h3,.cta-state-name){overflow-wrap: break-word;hyphens: auto;-webkit-hyphens: auto}:root[data-look] :is(main,article,.legal-page,.container,.modal-body) table:not(.table-wrap table){display: block;overflow-x: auto;max-width: 100%}::view-transition-group(*.avo-cat){animation-duration: .34s;animation-timing-function: cubic-bezier(.2,.8,.2,1)}::view-transition-image-pair(*.avo-cat){overflow: hidden;border-radius: 14px}::view-transition-old(*.avo-cat),::view-transition-new(*.avo-cat){height: 100%;object-fit: none;object-position: center}::view-transition-old(*.avo-cat){animation-duration: .16s}::view-transition-old(root),::view-transition-new(root){animation-duration: .24s}:root[data-look] .lk-sheet .lk-sub{margin: 14px 0 6px;font-size: .78rem;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--lk-ink-2)}:root[data-look] .lk-rows{display: flex;flex-direction: column;margin: 16px 0 4px;border: var(--lk-bw) solid var(--lk-line);border-radius: 14px;overflow: hidden;background: var(--lk-card)}:root[data-look] .lk-row{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 13px 14px;border: 0;background: none;font: inherit;font-weight: 600;color: var(--lk-ink);text-align: left;text-decoration: none;cursor: pointer}:root[data-look] .lk-row + .lk-row{border-top: 1px solid var(--lk-line)}:root[data-look] .lk-row span{color: var(--lk-ink-2);font-size: 1.2rem;line-height: 1}html[data-textsize="l"]{font-size: 112.5%}html[data-textsize="xl"]{font-size: 125%}html[data-textsize="l"] .modal-body{font-size: 1.08em}html[data-textsize="xl"] .modal-body{font-size: 1.16em}/*avo-looks:end*/