.oy-kabuk,.oy-giris{--oy-vurgu:#ffd97a;--oy-ikinci:#8fe3d3;--oy-zemin-a:#23324a;--oy-zemin-b:#131b28;--oy-zemin-c:#2a2233}.oy-tema-fen{--oy-vurgu:#8fe3d3;--oy-ikinci:#a5d8ff;--oy-zemin-a:#1c3440;--oy-zemin-b:#101a22;--oy-zemin-c:#1f2c38}.oy-tema-matematik{--oy-vurgu:#ffd97a;--oy-ikinci:#c4b5fd;--oy-zemin-a:#26304a;--oy-zemin-b:#131826;--oy-zemin-c:#2b2438}.oy-tema-turkce{--oy-vurgu:#ffc9c9;--oy-ikinci:#ffd97a;--oy-zemin-a:#3a2a3c;--oy-zemin-b:#1a1220;--oy-zemin-c:#2c2036}.oy-tema-sosyal{--oy-vurgu:#ffd8a8;--oy-ikinci:#8fe3d3;--oy-zemin-a:#33301f;--oy-zemin-b:#1a1810;--oy-zemin-c:#2b2a1c}.oy-tema-inkilap{--oy-vurgu:#ffc9c9;--oy-ikinci:#ffd97a;--oy-zemin-a:#3a2426;--oy-zemin-b:#1c1214;--oy-zemin-c:#2e1f22}.oy-tema-ingilizce{--oy-vurgu:#a5d8ff;--oy-ikinci:#ffd97a;--oy-zemin-a:#22314a;--oy-zemin-b:#111825;--oy-zemin-c:#232b3d}.oy-tema-din{--oy-vurgu:#b2f2bb;--oy-ikinci:#ffd97a;--oy-zemin-a:#1f3630;--oy-zemin-b:#101c19;--oy-zemin-c:#1e2c28}.oy-tema-genel{--oy-vurgu:#ffb4a2;--oy-ikinci:#ffd97a;--oy-zemin-a:#2a1f26;--oy-zemin-b:#120d12;--oy-zemin-c:#241a20}.oy-giris{text-align:center;border-radius:var(--radius-lg,26px);background:linear-gradient(166deg, var(--oy-zemin-a) 0%, var(--oy-zemin-b) 58%, var(--oy-zemin-c) 100%);max-width:66ch;margin:0 auto;padding:34px 28px 36px;box-shadow:0 22px 56px -26px #0a101ce6}.oy-giris-ikon{font-size:3.6rem;line-height:1;animation:3.6s ease-in-out infinite oy-yuzus;display:block}.oy-giris h2{font-family:var(--font-display);color:#f4f7ff;margin:10px 0 12px;font-size:clamp(1.55rem,3.6vw,2.25rem)}.oy-giris-alt{color:#cfd9ea;max-width:58ch;margin:0 auto 20px;font-size:1.02rem;line-height:1.75}.oy-giris-alt b{color:var(--oy-vurgu)}.oy-kural{text-align:left;flex-direction:column;gap:10px;max-width:56ch;margin:0 auto 24px;padding:0;list-style:none;display:flex}.oy-kural li{color:#d6dfee;font-size:.96rem;line-height:1.6}.oy-kural b{color:var(--oy-ikinci)}.oy-buton-sira{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.oy-kabuk{height:calc(100dvh - var(--oy-ust,108px));flex-direction:column;gap:8px;min-height:680px;display:flex}.oy-kabuk:fullscreen{background:var(--oy-zemin-b,#131b28);gap:8px;height:100dvh;padding:8px 10px 10px}.oy-kabuk:fullscreen .oy-sahne{border-radius:16px}.oy-adimlar{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.oy-tamekran{font-family:var(--font-display);color:#cfe0f2;cursor:pointer;background:#2f3d4e;border:0;border-radius:999px;margin-left:auto;padding:6px 13px;font-size:.8rem}.oy-tamekran:hover{color:#fff;background:#3b4c61}.oy-adim{font-family:var(--font-display);color:#a9bacd;background:#26313f;border-radius:999px;padding:6px 13px;font-size:.84rem}.oy-adim.aktif{background:var(--oy-vurgu);color:#20180a}.oy-adim.bitti{color:#8fe3d3;background:#1d3a33}.oy-sahne{border-radius:var(--radius-lg,26px);background:#182230;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 56px -26px #0a101ce6}.oy-tuval{flex:auto;min-height:min(460px,46vh);position:relative}.oy-tuval canvas{touch-action:none;width:100%;height:100%;display:block}.oy-gosterge{z-index:2;border-radius:var(--radius,20px);text-align:center;background:#090e16f5;flex-direction:column;gap:1px;width:200px;padding:12px 14px 14px;display:flex;position:absolute;top:12px;right:12px}.oy-g-baslik{font-family:var(--font-display);letter-spacing:.09em;color:#92a6bd;margin-top:8px;font-size:.68rem}.oy-g-buyuk{font-family:var(--font-display);color:var(--oy-vurgu);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.2}.oy-g-orta{font-family:var(--font-display);color:#eaf1fb;font-variant-numeric:tabular-nums;font-size:1.02rem;font-weight:800}.oy-g-kucuk{color:#c2cfe0;font-size:.78rem;line-height:1.45}.oy-g-ayrac{background:#ffffff29;height:1px;margin:9px 0 3px;display:block}.oy-bar{background:#ffffff21;border-radius:999px;height:10px;margin:6px 0 3px;overflow:hidden}.oy-bar-dolu{background:linear-gradient(90deg, #63e6be, var(--oy-vurgu));border-radius:999px;height:100%;transition:width .3s,background .3s}.oy-panel{background:#090e16f7;border-top:1px solid #ffffff12;flex:none;min-height:190px;max-height:52%;padding:13px 16px 15px;animation:.3s ease-out oy-belir;position:relative;overflow-y:auto}.oy-gorev{color:#dde6f2;text-align:center;margin:0 0 11px;font-size:.96rem;line-height:1.6}.oy-gorev b{color:var(--oy-vurgu)}.oy-durum{border-left:4px solid var(--oy-ikinci);border-radius:0 var(--radius-sm,14px) var(--radius-sm,14px) 0;color:#e2e9f4;text-align:left;background:#ffffff0f;margin:0 0 10px;padding:10px 13px;font-size:.95rem;line-height:1.65}.oy-tam-buton{width:100%}.oy-buton-cift{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.oy-not{color:#a9bacd;font-size:.82rem}.oy-secenekler{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;display:grid}.oy-secenek{border-radius:var(--radius-sm,14px);color:#eaf1fb;font-family:var(--font-display);text-align:left;cursor:pointer;background:#2b3a4d;border:none;padding:11px 14px;font-size:.93rem;font-weight:700;line-height:1.45;transition:transform .13s,background .15s}.oy-secenek:hover{background:#35485f;transform:translateY(-2px)}.oy-secenek:focus-visible{outline:3px dashed var(--oy-vurgu);outline-offset:3px}.oy-rozetler{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.oy-rozet{color:#cfdcec;font-family:var(--font-display);cursor:pointer;background:#2b3a4d;border:none;border-radius:999px;padding:9px 15px;font-size:.87rem;font-weight:700;transition:transform .13s,background .15s}.oy-rozet:hover{background:#35485f;transform:translateY(-2px)}.oy-rozet:focus-visible{outline:3px dashed var(--oy-vurgu);outline-offset:3px}.oy-rozet.aktif{background:var(--oy-vurgu);color:#20180a}.oy-rozet.islendi:after{content:"✔";color:#63e6be;margin-left:7px;font-size:.9rem}.oy-rozet.aktif.islendi:after{color:#1c6b56}.oy-kutular{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.oy-kutu{border-radius:var(--radius-sm,14px);cursor:pointer;text-align:left;border:none;flex-direction:column;gap:6px;padding:13px;transition:transform .14s,box-shadow .14s;display:flex}.oy-kutu:hover{transform:translateY(-3px);box-shadow:0 12px 26px -12px #000000bf}.oy-kutu:focus-visible{outline-offset:3px;outline:3px dashed #fff}.oy-kutu-ad{font-family:var(--font-display);font-size:1rem;font-weight:800}.oy-kutu-alt{font-size:.79rem;line-height:1.5}.oy-kutu-icerik{font-family:var(--font-display);font-size:.84rem;font-weight:700}.oy-ton-sari{background:#ffd43b}.oy-ton-sari .oy-kutu-ad,.oy-ton-sari .oy-kutu-icerik{color:#402f00}.oy-ton-sari .oy-kutu-alt{color:#574200}.oy-ton-mavi{background:#a5d8ff}.oy-ton-mavi .oy-kutu-ad,.oy-ton-mavi .oy-kutu-icerik{color:#0b2d47}.oy-ton-mavi .oy-kutu-alt{color:#12405f}.oy-ton-kirmizi{background:#ffc9c9}.oy-ton-kirmizi .oy-kutu-ad,.oy-ton-kirmizi .oy-kutu-icerik{color:#4a0f0f}.oy-ton-kirmizi .oy-kutu-alt{color:#641a1a}.oy-ton-yesil{background:#b2f2bb}.oy-ton-yesil .oy-kutu-ad,.oy-ton-yesil .oy-kutu-icerik{color:#08351a}.oy-ton-yesil .oy-kutu-alt{color:#0f4a26}.oy-ton-mor{background:#d0bfff}.oy-ton-mor .oy-kutu-ad,.oy-ton-mor .oy-kutu-icerik{color:#2b1259}.oy-ton-mor .oy-kutu-alt{color:#3d1d7a}.oy-ton-gri{background:#dee2e6}.oy-ton-gri .oy-kutu-ad,.oy-ton-gri .oy-kutu-icerik{color:#212529}.oy-ton-gri .oy-kutu-alt{color:#343a40}.oy-ton-turuncu{background:#ffd8a8}.oy-ton-turuncu .oy-kutu-ad,.oy-ton-turuncu .oy-kutu-icerik{color:#4a2800}.oy-ton-turuncu .oy-kutu-alt{color:#653a00}.oy-ozet{border-radius:0 var(--radius-sm,14px) var(--radius-sm,14px) 0;text-align:left;background:#ffffff0f;border-left:4px solid #63e6be;flex-direction:column;gap:5px;margin:0 0 11px;padding:10px 13px;display:flex}.oy-ozet-satir{color:#e2e9f4;font-size:.89rem;line-height:1.6}.oy-ozet-satir b{color:var(--oy-vurgu)}.oy-ipucu{border-radius:var(--radius-sm,14px);color:#d7e2f0;text-align:center;background:#23303f;flex:none;margin:0;padding:12px 18px;font-size:.95rem;line-height:1.6;animation:.3s ease-out oy-belir}.oy-ipucu.iyi{color:#c9f2e6;background:#17322c}@keyframes oy-yuzus{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes oy-belir{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .oy-adim{color:#9db0c6;background:#1c2634}[data-theme=dark] .oy-adim.aktif{background:var(--oy-vurgu);color:#20180a}[data-theme=dark] .oy-adim.bitti{color:#8fe3d3;background:#16302a}[data-theme=dark] .oy-secenek,[data-theme=dark] .oy-rozet{background:#22303f}[data-theme=dark] .oy-secenek:hover,[data-theme=dark] .oy-rozet:hover{background:#2d3f53}[data-theme=dark] .oy-rozet.aktif{background:var(--oy-vurgu);color:#20180a}[data-theme=dark] .oy-ipucu{color:#cddaea;background:#1a2531}[data-theme=dark] .oy-ipucu.iyi{color:#bdeede;background:#122a24}@media (prefers-reduced-motion:reduce){.oy-giris-ikon,.oy-panel,.oy-ipucu{animation:none}.oy-secenek,.oy-rozet,.oy-kutu,.oy-bar-dolu{transition:none}}@media (max-width:940px){.oy-gosterge{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:center;gap:2px 10px;width:auto;padding:8px 12px 10px;display:grid;top:auto;left:10px;right:10px}.oy-g-baslik{margin-top:2px}.oy-g-buyuk{font-size:1.2rem}.oy-g-ayrac{display:none}.oy-bar{grid-column:1/-1}.oy-gosterge{bottom:8px}.oy-panel{max-height:52%}}@media (max-width:560px){.oy-panel{padding:10px 11px 12px}.oy-gorev{font-size:.88rem}.oy-secenek{padding:9px 11px;font-size:.86rem}.oy-durum{font-size:.87rem}.oy-ozet-satir{font-size:.82rem}}.oy-hatirlat{z-index:3;border-radius:var(--radius,20px);border-left:4px solid var(--oy-vurgu);text-align:left;background:#090e16f5;max-width:min(360px,52%);padding:11px 30px 12px 14px;animation:.3s ease-out oy-belir;position:absolute;top:12px;left:12px;box-shadow:0 14px 34px -18px #000000e6}.oy-hatirlat.sabit{max-width:none;margin:0 0 12px;padding:12px 16px 13px;position:static}.oy-hatirlat-baslik{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;color:var(--oy-vurgu);margin-bottom:5px;font-size:.7rem;font-weight:800;display:block}.oy-hatirlat-kural{color:#eef3fa;margin:0;font-size:.95rem;font-weight:700;line-height:1.5}.oy-hatirlat-ornek{color:#a9b9cc;margin:6px 0 0;font-size:.83rem;line-height:1.5}.oy-hatirlat-kapat{color:#8798ad;cursor:pointer;background:0 0;border:0;border-radius:50%;width:22px;height:22px;font-size:1.05rem;line-height:1;position:absolute;top:6px;right:8px}.oy-hatirlat-kapat:hover{color:#eef3fa;background:#ffffff1a}.oy-hatirlat-rozet{z-index:3;width:40px;height:40px;box-shadow:0 0 0 2px var(--oy-vurgu) inset;cursor:pointer;background:#090e16ed;border:0;border-radius:50%;font-size:1.15rem;line-height:1;animation:.3s ease-out oy-belir;position:absolute;top:12px;left:12px}.oy-hatirlat-rozet:hover{background:#141e2cfa}@media (prefers-reduced-motion:reduce){.oy-hatirlat,.oy-hatirlat-rozet{animation:none}}@media (max-width:940px){.oy-hatirlat{max-width:calc(100% - 24px)}}@media (max-width:560px){.oy-hatirlat-kural{font-size:.87rem}.oy-hatirlat-ornek{font-size:.78rem}}.oy-hatirlat-capa{display:contents}.oy-hatirlat-katman{z-index:40;pointer-events:none;position:fixed}.oy-hatirlat-katman>.oy-hatirlat,.oy-hatirlat-katman>.oy-hatirlat-rozet{pointer-events:auto}.oy-hatirlat-katman{--oy-vurgu:#ffc857}.oy-hatirlat-katman.test>.oy-hatirlat,.oy-hatirlat-katman.test>.oy-hatirlat-rozet{top:auto;bottom:12px}