@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--tk-primary: #6C3BFF;--tk-primary-light: #EDE8FF;--tk-primary-dark: #4F1FE0;--tk-bg: #F7F5FF;--tk-surface: #FFFFFF;--tk-text: #1A1A2E;--tk-text-muted: #6B7280;--tk-border: #EDE8FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--tk-bg);color:#3d2b1f;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.container{width:100%;max-width:600px}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;gap:28px}.start-screen h1{font-size:36px;font-weight:700;letter-spacing:-.5px;color:#3d2b1f}.start-screen p{font-size:18px;color:#8b5a2b;max-width:400px}.start-screen .subtitle{font-size:15px;color:sienna}.btn-primary{background:var(--tk-primary);color:#fff;border:none;border-radius:100px;padding:18px 44px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Inter,sans-serif;box-shadow:0 4px 16px #6c3bff4d}.btn-primary:hover{box-shadow:0 6px 20px #6c3bff66;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.progress-bar-container{width:100%;margin-bottom:28px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:600;color:#8b5a2b}.progress-track{width:100%;height:12px;background-color:#ffe4e1;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.progress-fill{height:100%;border-radius:10px;transition:width .4s ease;background:linear-gradient(90deg,coral,#ffb347)}.score-badge{display:flex;gap:16px;font-size:14px;font-weight:600}.score-correct{color:#2e7d32}.score-wrong{color:#bf360c}.question-card{background-color:var(--tk-surface);border-radius:20px;padding:32px;box-shadow:0 10px 40px #6c3bff0f,0 2px 10px #6c3bff08;border:1px solid var(--tk-border)}.category-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.category-vagmarken{background-color:#f3e5f5;color:#4a148c}.category-hastighet{background-color:#ffefed;color:sienna}.category-avstand_och_bromsstracka{background-color:#ede9fe;color:#4527a0}.category-alkohol_och_droger{background-color:#ffe4e6;color:#8b0000}.category-trafikregler{background-color:#e8f5e9;color:#1b5e20}.category-korsningar{background-color:#fff3e0;color:#bf360c}.category-korfalt_och_omkorning{background-color:#e3f2fd;color:#0d47a1}.category-miljo_och_fordon{background-color:#f1f8e9;color:#1b5e20}.category-belysning{background-color:#fff8e1;color:#e65100}.category-sakerhet{background-color:#ffefed;color:sienna}.question-text{font-size:22px;font-weight:600;line-height:1.6;margin-bottom:32px;color:#3d2b1f}.options-list{display:flex;flex-direction:column;gap:16px}.option-btn{width:100%;text-align:left;padding:18px 24px;border:2px solid #FFE4C4;border-radius:16px;background-color:#fffcf9;font-size:18px;font-weight:500;line-height:1.5;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;color:#4a3728}.option-btn:hover:not(:disabled){border-color:#ffb347;background-color:#fff9f2;box-shadow:0 4px 12px #ffb34726;transform:translateY(-2px)}.option-btn:active:not(:disabled){transform:scale(.98)}.option-btn:disabled{cursor:default;transform:none}.option-correct{border-color:#2e7d32;background-color:#e8f5e9;color:#1b5e20}.option-wrong{border-color:#d84315;background-color:#fbe9e7;color:#bf360c}.option-dimmed{opacity:.55}.explanation-box{margin-top:24px;padding:20px 24px;background-color:#fff8e1;border-left:4px solid #FFB347;border-radius:0 16px 16px 0;font-size:16px;line-height:1.7;color:#5d4037}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:12px}.btn-next{background:linear-gradient(135deg,#d2691e,#c50);color:#fff;border:none;border-radius:16px;padding:14px 28px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Inter,sans-serif;margin-left:auto;box-shadow:0 4px 12px #d2691e40}.btn-next:hover{box-shadow:0 6px 16px #ff7f5059;transform:translateY(-1px)}.btn-next:active{transform:scale(.97)}.btn-report{background:none;border:1px solid #FFDAB9;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500;color:sienna;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;white-space:nowrap}.btn-report:hover{background-color:#fff0e6;border-color:#deb887}.btn-report.reported{color:#2e7d32;border-color:#2e7d32;background-color:#e8f5e9;cursor:default}.report-form{display:flex;flex-direction:column;gap:8px;width:100%}.report-input{width:100%;padding:10px 14px;border:1px solid #FFDAB9;border-radius:12px;font-size:14px;font-family:Inter,sans-serif;color:#1a1a2e;background:#fffdf9;outline:none;transition:border-color .2s ease;box-sizing:border-box}.report-input:focus{border-color:#6c3bff}.report-input::placeholder{color:sienna;opacity:.6}.report-actions{display:flex;gap:12px;align-items:center}.btn-report-submit{background:#6c3bff;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s ease}.btn-report-submit:hover{background:#5a2de0}.btn-report-cancel{background:none;border:none;color:sienna;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;padding:8px 4px;text-decoration:underline}.btn-report-cancel:hover{color:#7b3a1a}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;gap:20px}.result-emoji{font-size:64px}.result-screen h2{font-size:28px;font-weight:700;color:#3d2b1f}.result-score{font-size:48px;font-weight:700;color:#c04000}.result-details{font-size:18px;color:#8b5a2b;line-height:1.8}.result-message{font-size:18px;font-weight:500;padding:12px 24px;border-radius:16px;margin-top:8px}.result-pass{background-color:#e8f5e9;color:#2e7d32}.result-fail{background-color:#fff3e0;color:#bf360c}.category-breakdown{width:100%;max-width:420px;margin-top:8px}.breakdown-title{font-size:18px;font-weight:600;color:#3d2b1f;margin-bottom:12px;text-align:left}.category-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.category-row-label{flex:0 0 140px;font-size:14px;color:#5a3e2b;text-align:right;line-height:1.4}.category-row-bar-track{flex:1;height:14px;background:#f5e6d3;border-radius:7px;overflow:hidden}.category-row-bar-fill{height:100%;background:linear-gradient(90deg,#d2691e,#c50);border-radius:7px;transition:width .5s ease}.category-row-score{flex:0 0 36px;font-size:14px;font-weight:600;color:#3d2b1f;text-align:right}.weakest-category{background:#fff8e1;border:2px solid #C9963B;border-radius:16px;padding:16px 24px;text-align:center;margin-top:4px;width:100%;max-width:420px}.weakest-category p{font-size:16px;color:#5a3e2b;margin-bottom:12px}.btn-category-practice{background:linear-gradient(135deg,#c9963b,#b8860b);color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:16px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #c9963b4d}.btn-category-practice:hover{box-shadow:0 5px 16px #c9963b66;transform:translateY(-1px)}.btn-category-practice:active{transform:scale(.97)}.fullversion-upsell{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:2px solid #C9963B;border-radius:20px;padding:24px 28px;text-align:center;margin-top:8px;width:100%;max-width:420px}.fullversion-upsell-title{font-size:18px;font-weight:700;color:#3d2b1f;margin-bottom:16px}.fullversion-upsell-list{list-style:none;padding:0;margin:0 0 16px;text-align:left}.fullversion-upsell-list li{font-size:16px;color:#5a3e2b;line-height:1.8;padding-left:28px;position:relative}.fullversion-upsell-list li:before{content:"✓";position:absolute;left:4px;color:#2e7d32;font-weight:700;font-size:16px}.fullversion-upsell-price{font-size:16px;font-weight:600;color:#8b5a2b;margin-bottom:16px}.btn-unlock{display:inline-block;background:var(--tk-primary);color:#fff;border:none;border-radius:100px;padding:14px 36px;font-size:18px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #6c3bff4d}.btn-unlock:hover{box-shadow:0 6px 20px #6c3bff66;transform:translateY(-1px)}.btn-unlock:active{transform:scale(.97)}.btn-restart{background:linear-gradient(135deg,#d2691e,#c50);color:#fff;border:none;border-radius:16px;padding:18px 44px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Inter,sans-serif;margin-top:12px;box-shadow:0 4px 16px #d2691e4d}.btn-restart:hover{box-shadow:0 6px 20px #ff7f5066;transform:translateY(-1px)}.btn-restart:active{transform:scale(.97)}.difficulty-badge{font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;margin-left:12px;vertical-align:middle}.difficulty-enkel{background-color:#f1f8e9;color:#388e3c}.difficulty-medel{background-color:#fff3e0;color:#bf360c}.difficulty-svar{background-color:#fbe9e7;color:#bf360c}@media(max-width:480px){.question-text{font-size:19px}.option-btn{font-size:17px;padding:16px 18px}.start-screen h1{font-size:28px}.question-card{padding:24px}}.question-header{display:flex;align-items:flex-start;gap:12px}.question-header .question-text{flex:1;margin-bottom:32px}.btn-speak{width:40px;height:40px;min-width:40px;border-radius:12px;border:2px solid #FFE4C4;background-color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px;padding:0}.btn-speak:hover:not(:disabled){border-color:#ffb347;background-color:#fff9f2}.btn-speak.speaking{border-color:#d2691e;background-color:#fff0e6}.btn-speak:disabled{opacity:.35;cursor:default}.btn-explain{background:none;border:2px solid #C9963B;border-radius:12px;padding:10px 18px;font-size:15px;font-weight:600;color:#c9963b;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;margin-top:16px;display:inline-block}.btn-explain:hover{background-color:#fff8e7;border-color:#b8860b;color:#b8860b}.btn-explain:disabled{opacity:.5;cursor:default}.ai-explanation{background-color:#fff8e7;border-radius:16px;padding:16px;margin-top:16px;font-size:16px;line-height:1.7;color:#5d4037;animation:fadeIn .3s ease}.ai-loading{color:#c9963b;font-weight:600;font-size:15px;margin-top:16px;animation:dots 1.5s steps(3,end) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dots{0%{content:""}33%{content:"·"}66%{content:"··"}to{content:"···"}}.premium-banner{text-align:center;background:linear-gradient(135deg,#fff8e7,#fff0d4);border:2px solid #C9963B;border-radius:16px;padding:16px 20px;margin-bottom:20px}.premium-banner-text{font-size:15px;font-weight:600;color:#5d4037;margin-bottom:12px;line-height:1.5}.btn-premium{display:inline-block;background:var(--tk-primary);color:#fff;border:none;border-radius:100px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;font-family:Inter,sans-serif;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #6c3bff4d}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6c3bff66}.btn-already-bought{display:block;margin:12px auto 0;background:none;border:none;color:#5d4037;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;text-decoration:underline;opacity:.8}.btn-already-bought:hover{opacity:1}.verify-form{margin-top:14px;display:flex;flex-direction:column;gap:10px;align-items:center}.verify-input{width:100%;max-width:300px;padding:10px 14px;border:1px solid #C9963B;border-radius:12px;font-size:14px;font-family:Inter,sans-serif;color:#1a1a2e;background:#fff;outline:none;transition:border-color .2s ease;box-sizing:border-box}.verify-input:focus{border-color:#6c3bff}.btn-verify{background:#6c3bff;color:#fff;border:none;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s ease}.btn-verify:hover{background:#5a2de0}.btn-verify:disabled{opacity:.6;cursor:not-allowed}.verify-error{color:#d32f2f;font-size:13px;margin:0;text-align:center;line-height:1.4}.verify-success{color:#2e7d32;font-size:14px;font-weight:600;margin:12px 0 0;text-align:center}.btn-redeem-link{display:block;margin:10px auto 0;background:none;border:none;color:#6c3bff;font-size:13px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;padding:4px 0}.btn-redeem-link:hover{text-decoration:underline}.btn-explain-locked{display:inline-block;margin-top:16px;padding:10px 18px;border:2px solid #D1D5DB;border-radius:12px;font-size:15px;font-weight:600;color:#9ca3af;cursor:default;font-family:Inter,sans-serif}.welcome-message{text-align:center;background-color:#e8f5e9;color:#2e7d32;border-radius:16px;padding:16px 20px;font-size:16px;font-weight:600;margin-bottom:20px;animation:fadeIn .3s ease}.expiry-notice{text-align:center;font-size:13px;color:#6b7280;margin-top:16px;padding:8px}.app-footer{text-align:center;padding:16px;margin-top:auto}.app-footer a{font-size:12px;color:#c9963b;text-decoration:none}.app-footer a:hover{text-decoration:underline}