.ot-kok{--ot-arka:#f4f6f8;--ot-kart:#ffffff;--ot-cizgi:#dfe3e8;--ot-yazi:#16191d;--ot-soluk:#667085;--ot-vurgu:#2563eb;--ot-vurgu-yumusak:#e8efff;--ot-hata:#c0392b;--ot-basari:#157347;--ot-uyari:#b45309;min-height:100dvh;background:var(--ot-arka);color:var(--ot-yazi);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){.ot-kok{--ot-arka:#14171a;--ot-kart:#1d2125;--ot-cizgi:#2f353b;--ot-yazi:#e8eaed;--ot-soluk:#9aa4b2;--ot-vurgu:#5b8cff;--ot-vurgu-yumusak:#1e2a44;--ot-hata:#ff6b5e;--ot-basari:#4ade80;--ot-uyari:#fbbf24}}.ot-govde{max-width:720px;margin:0 auto;padding:16px 14px 96px}.ot-kart{background:var(--ot-kart);border:1px solid var(--ot-cizgi);border-radius:12px;padding:18px;margin-bottom:14px}.ot-baslik{margin:0 0 4px;font-size:20px}.ot-altbaslik{margin:0 0 16px;color:var(--ot-soluk);font-size:14px}.ot-marka{text-align:center;color:var(--ot-soluk);font-size:13px;padding:10px 0 4px;letter-spacing:.02em}.ot-bilgi-satir{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ot-cizgi);font-size:14px}.ot-bilgi-satir:last-child{border-bottom:none}.ot-bilgi-satir span:first-child{color:var(--ot-soluk)}.ot-bilgi-satir span:last-child{font-weight:600;text-align:right}.ot-etiket{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}.ot-girdi{width:100%;padding:12px 14px;font-size:16px;border:1px solid var(--ot-cizgi);border-radius:10px;background:var(--ot-kart);color:var(--ot-yazi)}.ot-girdi:focus{outline:2px solid var(--ot-vurgu);outline-offset:1px}.ot-girdi.ot-kod-girdi{text-align:center;font-size:28px;letter-spacing:.3em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ot-dugme{display:block;width:100%;min-height:50px;margin-top:16px;padding:12px 18px;font-size:16px;font-weight:600;border:none;border-radius:10px;background:var(--ot-vurgu);color:#fff;cursor:pointer}.ot-dugme:disabled{opacity:.55;cursor:default}.ot-dugme.ot-ikincil{background:transparent;color:var(--ot-vurgu);border:1px solid var(--ot-cizgi)}.ot-hata{background:#fdecea;color:var(--ot-hata)}.ot-hata,.ot-uyari{margin:14px 0 0;padding:11px 14px;border-radius:10px;font-size:14px}.ot-uyari{background:#fff7e6;color:var(--ot-uyari)}@media (prefers-color-scheme:dark){.ot-hata{background:#3a1d1b}.ot-uyari{background:#3a2e14}}.ot-bag,.ot-sik-govde,.ot-soru-kok{overflow-wrap:break-word}.ot-bag img,.ot-sik-govde img,.ot-soru-kok img{max-width:100%;vertical-align:middle}.ot-bag img:not([height]),.ot-bag img[width],.ot-sik-govde img:not([height]),.ot-sik-govde img[width],.ot-soru-kok img:not([height]),.ot-soru-kok img[width]{height:auto}.ot-bag table,.ot-sik-govde table,.ot-soru-kok table{max-width:100%;border-collapse:collapse}.ot-bag,.ot-soru-kok{overflow-x:auto}.ot-bag p:first-child,.ot-soru-kok p:first-child{margin-top:0}.ot-bag p:last-child,.ot-soru-kok p:last-child{margin-bottom:0}.ot-bag{background:var(--ot-vurgu-yumusak);border-radius:10px;padding:14px;margin-bottom:12px;font-size:15px}.ot-soru-no{font-size:13px;font-weight:700;color:var(--ot-soluk);letter-spacing:.04em;margin-bottom:8px}.ot-siklar{display:flex;flex-direction:column;gap:8px;margin-top:16px}.ot-sik{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:11px 14px;border:1px solid var(--ot-cizgi);border-radius:10px;background:var(--ot-kart);color:var(--ot-yazi);font-size:15px;text-align:left;cursor:pointer}.ot-sik:active{transform:scale(.995)}.ot-sik.ot-secili{border-color:var(--ot-vurgu);background:var(--ot-vurgu-yumusak);box-shadow:inset 0 0 0 1px var(--ot-vurgu)}.ot-sik-harf{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid var(--ot-cizgi);display:grid;place-items:center;font-weight:700;font-size:13px}.ot-sik.ot-secili .ot-sik-harf{background:var(--ot-vurgu);border-color:var(--ot-vurgu);color:#fff}.ot-sik-govde{flex:1 1;min-width:0}.ot-ust{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--ot-kart);border-bottom:1px solid var(--ot-cizgi)}.ot-sayac{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:17px}.ot-sayac.ot-az{color:var(--ot-hata)}.ot-ilerleme{font-size:13px;color:var(--ot-soluk)}.ot-alt{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--ot-kart);border-top:1px solid var(--ot-cizgi)}.ot-alt>*{flex:1 1;margin-top:0}.ot-alt .ot-govde-sinir{max-width:720px;margin:0 auto;width:100%;display:flex;gap:10px}.ot-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.ot-izgara button{min-height:44px;border-radius:8px;border:1px solid var(--ot-cizgi);background:var(--ot-kart);color:var(--ot-yazi);font-size:14px;font-weight:600;cursor:pointer}.ot-izgara button.ot-dolu{background:var(--ot-vurgu-yumusak);border-color:var(--ot-vurgu)}.ot-izgara button.ot-simdiki{outline:2px solid var(--ot-vurgu);outline-offset:1px}.ot-rozet{font-size:12px;color:var(--ot-soluk)}.ot-rozet.ot-bekliyor{color:var(--ot-uyari)}.ot-rozet.ot-kirmizi{color:var(--ot-hata);font-weight:600}.ot-sonuc-puan{font-size:46px;font-weight:800;text-align:center;margin:6px 0 2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ot-sonuc-etiket{text-align:center;color:var(--ot-soluk);margin-bottom:18px}.ot-sonuc-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));grid-gap:10px;gap:10px}.ot-sonuc-kutu{border:1px solid var(--ot-cizgi);border-radius:10px;padding:12px 8px;text-align:center}.ot-sonuc-kutu b{display:block;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ot-sonuc-kutu span{font-size:12px;color:var(--ot-soluk)}