*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--a1:#34d399;--a2:#2dd4bf;--b1:#fbbf24;--b2:#a78bfa;--c1:#f472b6;--bg:#0B1120;--surface:#16213a;--surface2:#1f2d4a;--text:#F5F1E8;--muted:#9AA6B8;--accent:#2DD4BF;--radius:18px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{-webkit-appearance:none}#root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--a2);color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{background:var(--surface2);color:var(--text)}.btn-ghost:hover{background:#475569}.btn-lg{padding:18px 40px;font-size:1.15rem;border-radius:14px}.back-btn{background:var(--surface);border:none;color:var(--text);border-radius:10px;padding:10px 14px;cursor:pointer;font-size:1.2rem}.back-btn:hover{background:var(--surface2)}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:40px}.home-brand{position:fixed;top:calc(env(safe-area-inset-top,0px) + 18px);right:20px;font-size:1.6rem;font-weight:900;letter-spacing:.22em;background:linear-gradient(135deg,#ec4899,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:10;pointer-events:none}.home-oxford{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:18px;display:flex;align-items:center;z-index:10;pointer-events:none}.home-oxford img{height:56px;width:auto;display:block;filter:brightness(0) invert(1);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.home{padding-top:calc(env(safe-area-inset-top,0px) + 90px)}@media (max-width:480px){.home-brand{font-size:1.1rem;letter-spacing:.18em;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px}.home-oxford{top:calc(env(safe-area-inset-top,0px) + 10px);left:14px}.home-oxford img{height:34px}.home{padding-top:calc(env(safe-area-inset-top,0px) + 70px);justify-content:flex-start;gap:24px}}.home-badge{display:inline-block;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--a2);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px}.home-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1;text-align:center}.home-title span{background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-sub{color:var(--muted);font-size:1.1rem;margin-top:12px;text-align:center}.home-progress{width:100%;max-width:520px;display:flex;flex-direction:column;gap:13px}.home-today{display:grid;grid-template-columns:1fr 1fr;gap:13px}.today-card{position:relative;padding:20px 18px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ffffff13,#ffffff06);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 .5px #ffffff47,0 8px 22px -12px #030814cc}.today-num{font-size:2.3rem;font-weight:900;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.today-unit{font-size:.9rem;font-weight:700;color:var(--muted);margin-left:4px}.today-label{margin-top:7px;color:var(--muted);font-size:.78rem;font-weight:600;white-space:nowrap}.today-bar{margin-top:11px;height:5px;border-radius:3px;background:#ffffff17;overflow:hidden}.today-bar>i{display:block;height:100%;border-radius:3px;background:var(--accent);transition:width .9s cubic-bezier(.4,0,.2,1)}.today-card.seri .today-num{color:#fbbf24}.today-card.tamam .today-num{color:var(--accent)}.today-card.tamam .today-bar>i{background:linear-gradient(90deg,#2dd4bf,#7df3e1);box-shadow:0 0 10px #2dd4bf8c}.home-journey{display:flex;flex-direction:column;gap:7px;padding:0 4px}.journey-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.journey-words{font-size:.84rem;font-weight:700;color:#cbd5e1;font-variant-numeric:tabular-nums}.journey-words b{color:var(--text);font-weight:900}.journey-track{height:6px;border-radius:4px;background:#ffffff12;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.journey-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#0d9488,#2dd4bf 60%,#7df3e1);box-shadow:0 0 10px #2dd4bf59;transition:width 1s cubic-bezier(.4,0,.2,1)}.today-card.tiklanir{cursor:pointer;border:none;text-align:left;width:100%;font-family:inherit;color:inherit;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s}.today-card.tiklanir:hover{transform:translateY(-2px);box-shadow:inset 0 .5px #ffffff52,0 12px 26px -12px #030814e6}.today-card.tiklanir:active{transform:scale(.985)}.today-card .ok{position:absolute;top:16px;right:16px;color:var(--muted);font-size:1rem;opacity:.5}.cgd-tarih{font-size:.78rem;font-weight:800;color:var(--text);margin-bottom:4px}.cgd-sayilar{display:flex;flex-direction:column;gap:2px}.cgd-sayilar b{font-size:1.05rem}.cgd-ayrim{font-size:.72rem;color:var(--muted)}.cgd-bos{font-size:.76rem;color:var(--muted)}@media (max-width:400px){.today-num{font-size:2rem}.today-card{padding:17px 14px}}.home-stats{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.stat-card{background:var(--surface);border-radius:var(--radius);padding:20px 28px;text-align:center;min-width:100px}.stat-num{font-size:1.8rem;font-weight:800}.stat-label{color:var(--muted);font-size:.8rem;margin-top:4px;white-space:nowrap}.home-levels{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.level-pill{padding:8px 20px;border-radius:20px;font-weight:700;font-size:.9rem;border:2px solid}.level-pill.A1{border-color:var(--a1);color:var(--a1);background:#22c55e1a}.level-pill.A2{border-color:var(--a2);color:var(--a2);background:#3b82f61a}.level-pill.B1{border-color:var(--b1);color:var(--b1);background:#f973161a}.level-pill.B2{border-color:var(--b2);color:var(--b2);background:#a855f71a}.level-pill.C1{border-color:var(--c1);color:var(--c1);background:#ec48991a}.level-card.C1:before{background:var(--c1)}.level-card.C1:hover{border-color:var(--c1)}.level-card.C1 .level-tag{color:var(--c1)}.level-card.C1 .level-bar{background:var(--c1)}.sublevel-card.C1:hover{border-color:var(--c1)}.badge-C1{background:#ec489933;color:var(--c1)}.page-wrap{flex:1;padding:40px 20px;max-width:700px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:40px}.page-header h1{font-size:1.8rem;font-weight:800}.level-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.level-card{background:var(--surface);border-radius:var(--radius);padding:28px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.level-card.A1:before{background:var(--a1)}.level-card.A2:before{background:var(--a2)}.level-card.B1:before{background:var(--b1)}.level-card.B2:before{background:var(--b2)}.level-card.A1:hover{border-color:var(--a1)}.level-card.A2:hover{border-color:var(--a2)}.level-card.B1:hover{border-color:var(--b1)}.level-card.B2:hover{border-color:var(--b2)}.level-card:hover{transform:translateY(-2px)}.level-tag{font-weight:800;font-size:1.8rem;margin-bottom:8px}.level-card.A1 .level-tag{color:var(--a1)}.level-card.A2 .level-tag{color:var(--a2)}.level-card.B1 .level-tag{color:var(--b1)}.level-card.B2 .level-tag{color:var(--b2)}.level-info-wrap{display:contents}.level-name{font-size:1rem;font-weight:600;margin-bottom:4px}.level-count{color:var(--muted);font-size:.85rem;margin-bottom:16px}.level-bar-bg{background:var(--surface2);border-radius:4px;height:6px}.level-bar{border-radius:4px;height:6px}.level-card.A1 .level-bar{background:var(--a1)}.level-card.A2 .level-bar{background:var(--a2)}.level-card.B1 .level-bar{background:var(--b1)}.level-card.B2 .level-bar{background:var(--b2)}.mode-cards{display:grid;gap:16px}.mode-card{background:var(--surface);border-radius:var(--radius);padding:24px 28px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:20px}.mode-card:hover{border-color:var(--a2);transform:translateY(-2px);background:var(--surface2)}.mode-icon{font-size:2.5rem;flex-shrink:0}.mode-info h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.mode-info p{color:var(--muted);font-size:.9rem}.mode-badge{margin-left:auto;background:var(--surface2);padding:4px 12px;border-radius:20px;font-size:.8rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.game{flex:1;display:flex;flex-direction:column;padding:20px;max-width:700px;margin:0 auto;width:100%}.game-topbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.game-progress-bar{flex:1;height:10px;background:var(--surface2);border-radius:5px;overflow:hidden}.game-progress-fill{height:100%;border-radius:5px;transition:width .4s ease}.game-counter{color:var(--muted);font-size:.85rem;white-space:nowrap}.hearts{display:flex;gap:4px}.heart{font-size:1.2rem}.game-score{display:flex;align-items:center;gap:6px;background:var(--surface);padding:6px 14px;border-radius:20px;font-weight:700;color:#fbbf24}.flashcard-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.card-scene{width:100%;max-width:480px;height:280px;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;gap:12px;padding:30px}.card-front{background:var(--surface);border:2px solid var(--surface2)}.card-back{background:linear-gradient(135deg,#1e3a5f,#1a1040);border:2px solid var(--a2);transform:rotateY(180deg)}.card-emoji{font-size:3rem}.card-word{font-size:2rem;font-weight:800}.card-pos{color:var(--muted);font-size:.85rem;font-style:italic}.card-level-badge{position:absolute;top:14px;right:14px;font-weight:700;font-size:.8rem;padding:2px 10px;border-radius:10px}.card-speaker{position:absolute;bottom:14px;right:14px}.card-hint{color:var(--muted);font-size:.85rem}.card-turkish{font-size:1.6rem;font-weight:700;color:#60a5fa}.card-english{font-size:1rem;color:var(--muted)}.flashcard-actions{display:flex;gap:16px;width:100%;max-width:480px}.flashcard-actions .btn{flex:1}.btn-wrong{background:#ef444426;border:2px solid #ef4444;color:#ef4444}.btn-wrong:hover{background:#ef444440}.btn-right{background:#22c55e26;border:2px solid var(--a1);color:var(--a1)}.btn-right:hover{background:#22c55e40}.btn-flip{background:var(--surface);border:2px solid var(--surface2);color:var(--text)}.flashcard-actions .btn-flip{flex:2}.flashcard-nav{display:flex;gap:10px;width:100%;max-width:480px;align-items:center}.flashcard-nav .btn-flip{flex:1}.btn-nav{background:var(--surface);border:2px solid var(--surface2);color:var(--text);padding:12px 16px;font-size:.9rem;white-space:nowrap}.btn-nav:hover:not(:disabled){background:var(--surface2);border-color:var(--a2)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.flashcard-info{color:var(--muted);font-size:.9rem;text-align:center;padding:10px 16px;background:#22c55e14;border-radius:10px;border:1px solid rgba(34,197,94,.2);max-width:480px;width:100%}.speaker-btn{background:linear-gradient(135deg,#3b82f62e,#a855f72e);border:1.5px solid rgba(96,165,250,.4);color:#93c5fd;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);padding:0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a}.speaker-btn:hover{background:linear-gradient(135deg,#3b82f659,#a855f759);border-color:#60a5fab3;color:#bfdbfe;transform:scale(1.08);box-shadow:0 6px 20px #3b82f659,inset 0 1px #ffffff26}.speaker-btn:active{transform:scale(.92);transition:transform .1s ease}.speaker-btn svg{width:55%;height:55%;display:block}.speaker-btn .wave{opacity:.65;transition:opacity .2s,transform .2s;transform-origin:left center}.speaker-btn:hover .wave{opacity:1}.speaker-btn.playing{animation:speaker-pulse 1.5s ease-out infinite}.speaker-btn.playing .wave-1{animation:wave-bounce .6s ease-in-out infinite}.speaker-btn.playing .wave-2{animation:wave-bounce .6s ease-in-out infinite .15s}@keyframes speaker-pulse{0%{box-shadow:0 0 #60a5fa99,0 2px 8px #00000026,inset 0 1px #ffffff1a}70%{box-shadow:0 0 0 10px #60a5fa00,0 2px 8px #00000026,inset 0 1px #ffffff1a}to{box-shadow:0 0 #60a5fa00,0 2px 8px #00000026,inset 0 1px #ffffff1a}}@keyframes wave-bounce{0%,to{opacity:.4;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1)}}.speaker-btn{flex-shrink:0}.speaker-sm{width:32px;height:32px;min-width:32px;min-height:32px}.speaker-md{width:40px;height:40px;min-width:40px;min-height:40px}.speaker-lg{width:54px;height:54px;min-width:54px;min-height:54px}.word-with-speaker{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.quiz-option-row{display:flex;align-items:center;gap:10px}.quiz-option-row .quiz-option{flex:1}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.modal{background:var(--bg);border:1px solid var(--surface2);border-radius:16px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--surface2)}.modal-header h2{font-size:1.3rem;font-weight:800}.modal-close{background:transparent;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;padding:4px 10px;border-radius:8px}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-footer{padding:16px 24px;border-top:1px solid var(--surface2);display:flex;justify-content:space-between;gap:10px}.voice-list{overflow-y:auto;padding:12px 16px;flex:1}.voice-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface);border-radius:10px;margin-bottom:8px;border:2px solid transparent;transition:border-color .15s}.voice-item.active{border-color:var(--a2);background:#3b82f614}.voice-info{flex:1;min-width:0}.voice-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-lang{color:var(--muted);font-size:.75rem;margin-top:2px}.voice-item .btn-sm{padding:6px 12px;font-size:.8rem;border-radius:8px;white-space:nowrap;flex-shrink:0}.voice-group-label{font-size:.8rem;font-weight:700;color:var(--muted);padding:8px 4px 6px;text-transform:uppercase;letter-spacing:.05em}.modal-footer{flex-wrap:wrap}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0}.gender-btn{background:var(--surface);border:2px solid var(--surface2);border-radius:12px;padding:16px;color:var(--text);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.gender-btn:hover{border-color:var(--a2);background:var(--surface2)}.gender-btn.active{border-color:var(--a2);background:#3b82f626}.gender-icon{font-size:2rem}.gender-label{font-weight:700;font-size:.9rem}.gender-btn.active .gender-label{color:var(--a2)}.speed-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px 0}.speed-btn{background:var(--surface);border:2px solid var(--surface2);border-radius:10px;padding:10px 4px;color:var(--text);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.speed-btn:hover{border-color:var(--a2);background:var(--surface2)}.speed-btn.active{border-color:var(--a2);background:#3b82f626}.speed-label{font-weight:800;font-size:.95rem}.speed-btn.active .speed-label{color:var(--a2)}.speed-desc{font-size:.65rem;color:var(--muted);white-space:nowrap}@media (max-width:480px){.speed-desc{display:none}}.btn-flip:hover{background:var(--surface2)}.quiz-wrap{flex:1;display:flex;flex-direction:column;gap:24px}.quiz-question{background:var(--surface);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;align-items:center;gap:12px}.quiz-emoji{font-size:3.5rem}.quiz-label{color:var(--muted);font-size:.9rem}.quiz-word{font-size:2rem;font-weight:800;text-align:center}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-option{background:var(--surface);border:2px solid var(--surface2);border-radius:14px;padding:18px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s ease;text-align:center;color:var(--text);outline:none}.quiz-option:focus,.quiz-option:focus-visible{outline:none}.quiz-option:hover:not(:disabled){border-color:var(--a2);background:var(--surface2)}.quiz-option:disabled:hover{border-color:var(--surface2);background:var(--surface)}.quiz-option.correct{border-color:var(--a1)!important;background:#22c55e26!important;color:var(--a1)!important}.quiz-option.wrong{border-color:#ef4444!important;background:#ef444426!important;color:#ef4444!important}.quiz-option:disabled{cursor:default}.type-wrap{flex:1;display:flex;flex-direction:column;gap:24px}.type-question{background:var(--surface);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;align-items:center;gap:12px}.type-emoji{font-size:4rem}.type-label{color:var(--muted);font-size:.9rem}.type-word{font-size:2.2rem;font-weight:800;color:#60a5fa}.type-input-wrap{display:flex;flex-direction:column;gap:12px}.type-input{width:100%;padding:18px 20px;border-radius:14px;border:2px solid var(--surface2);background:var(--surface);color:var(--text);font-size:1.3rem;font-weight:600;outline:none;text-align:center;transition:border-color .15s}.type-input:focus{border-color:var(--a2)}.type-input.correct{border-color:var(--a1)!important;background:#22c55e1a!important}.type-input.wrong{border-color:#ef4444!important;background:#ef44441a!important}.type-input.revealed{border-color:#fbbf24!important;background:#fbbf241a!important;color:#fbbf24!important}.type-feedback.revealed{color:#fbbf24}.type-feedback{text-align:center;font-size:1.1rem;font-weight:600;min-height:28px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.type-actions{display:flex;gap:10px;flex-wrap:wrap}.type-actions .btn{flex:1;min-width:140px}.btn-reveal{border:2px solid rgba(251,191,36,.35);background:#fbbf241a;color:#fbbf24}.btn-reveal:hover{background:#fbbf2433;border-color:#fbbf2499}.type-feedback.correct{color:var(--a1)}.type-feedback.wrong{color:#ef4444}.results{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:32px}.results-circle{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid}.results-score{font-size:2.5rem;font-weight:900}.results-total{font-size:.9rem;color:var(--muted)}.results-title{font-size:2rem;font-weight:800;text-align:center}.results-subtitle{color:var(--muted);text-align:center}.results-stats{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.result-stat{background:var(--surface);border-radius:12px;padding:16px 24px;text-align:center}.result-stat-num{font-size:1.5rem;font-weight:800}.result-stat-label{color:var(--muted);font-size:.8rem;margin-top:2px}.results-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.badge-A1{background:#22c55e33;color:var(--a1)}.badge-A2{background:#3b82f633;color:var(--a2)}.badge-B1{background:#f9731633;color:var(--b1)}.badge-B2{background:#a855f733;color:var(--b2)}.lesson-timeline{background:linear-gradient(135deg,#a855f714,#3b82f614);border:1px solid rgba(168,85,247,.25);border-radius:14px;padding:24px 22px 32px;margin:18px 0}.timeline-title{font-weight:800;font-size:1rem;margin-bottom:18px;color:#c4b5fd}.timeline-bar{position:relative;height:90px;margin:0 12px}.timeline-axis{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#a855f733,#a855f7b3,#a855f733);transform:translateY(-50%)}.timeline-point{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center;width:120px}.timeline-dot{width:14px;height:14px;border-radius:50%;margin:0 auto;box-shadow:0 0 12px #a855f799}.timeline-label{font-size:.78rem;color:var(--text);margin-top:8px;line-height:1.3;font-weight:600}.timeline-note{margin-top:14px;font-size:.85rem;color:var(--muted);font-style:italic;text-align:center}.lesson-compare .compare-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:520px){.lesson-compare .compare-grid{grid-template-columns:1fr 1fr}}.compare-item{background:var(--surface2);border-radius:10px;padding:14px 16px}.compare-name{font-weight:800;font-size:.95rem;margin-bottom:6px}.compare-when{font-size:.85rem;color:var(--text);line-height:1.5}.compare-ex{font-size:.8rem;color:var(--muted);margin-top:6px;font-style:italic}.lesson-mistakes{border-left:3px solid #ef4444;background:#ef44440d;padding-left:14px}.mistakes-list{display:flex;flex-direction:column;gap:14px}.mistake-item{padding:12px 14px;background:var(--surface);border-radius:10px}.mistake-wrong{color:#fca5a5;font-weight:600;margin-bottom:4px;font-size:.92rem}.mistake-right{color:#86efac;font-weight:600;font-size:.92rem}.mistake-why{margin-top:6px;font-size:.8rem;color:var(--muted);font-style:italic}.lesson-usage{border-left:3px solid #fbbf24;background:#fbbf240d;padding-left:14px}.collocations-grid{display:flex;flex-wrap:wrap;gap:8px}.collocation-chip{background:var(--surface2);padding:8px 12px;border-radius:8px;font-size:.85rem}.btn-grammar{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border:none;box-shadow:0 4px 12px #a855f74d}.btn-grammar:hover{background:linear-gradient(135deg,#db2777,#9333ea);box-shadow:0 6px 16px #a855f766}.btn-ai{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;box-shadow:0 4px 12px #06b6d44d}.btn-ai:hover{background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 6px 16px #06b6d466}.btn-units{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;box-shadow:0 4px 12px #14b8a64d}.btn-units:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 16px #14b8a666}.unit-cat-title{font-size:1.05rem;font-weight:800;margin-bottom:12px;color:var(--text);letter-spacing:.01em;display:flex;align-items:center;gap:10px}.uicon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.unit-card{background:var(--surface);border-radius:16px;padding:18px 16px;cursor:pointer;border:1px solid var(--surface2);transition:all .2s}.unit-card:hover{border-color:#14b8a6;transform:translateY(-2px);box-shadow:0 6px 20px #14b8a626}.unit-emoji{font-size:2rem;margin-bottom:8px}.unit-name{font-weight:700;font-size:.95rem;margin-bottom:3px}.unit-count{color:var(--muted);font-size:.78rem}.unit-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.unit-play-btn{border:none;border-radius:14px;padding:14px 10px;cursor:pointer;color:#fff;font-family:inherit;display:flex;flex-direction:column;gap:5px;align-items:center;transition:all .18s}.unit-play-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.unit-play-btn:active{transform:scale(.97)}.unit-play-ic{width:26px;height:26px;border-radius:50%;background:#ffffff38;display:flex;align-items:center;justify-content:center}.unit-list-toggle{width:100%;margin-top:22px;background:var(--surface);border:1px solid var(--surface2);border-radius:12px;padding:13px 16px;cursor:pointer;color:var(--text);font-family:inherit;display:flex;align-items:center;gap:8px;font-size:.95rem;transition:all .2s}.unit-list-toggle:hover{border-color:#14b8a6}.unit-list-note{color:var(--muted);font-size:.8rem;margin:10px 2px;line-height:1.5}.unit-wordlist{display:flex;flex-direction:column;gap:6px}.unit-word-row{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:10px;padding:9px 14px;font-size:.92rem}.unit-word-status{font-size:.85rem}.btn-plus{background:linear-gradient(135deg,#fbbf24,#f97316);color:#1a1a2e;border:none;font-weight:800;box-shadow:0 4px 16px #fbbf2459;position:relative;overflow:hidden}.btn-plus:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:plusShine 2.5s infinite}.btn-plus:hover{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 6px 22px #fbbf2480;transform:translateY(-1px)}@keyframes plusShine{0%{left:-100%}60%,to{left:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.settings-panel{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #00000080}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--surface2)}.settings-header h2{font-size:1.3rem;font-weight:700;margin:0}.settings-close{background:transparent;border:none;color:var(--muted);font-size:1.8rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.settings-close:hover{background:var(--surface2);color:var(--text)}.settings-list{padding:12px;display:flex;flex-direction:column;gap:8px}.settings-item{background:var(--surface2);border:none;border-radius:12px;padding:16px 20px;text-align:left;cursor:pointer;color:var(--text);transition:all .2s;font-family:inherit}.settings-item:hover{background:#3f4a63;transform:translate(2px)}.settings-item-title{font-size:1rem;font-weight:600;margin-bottom:4px}.settings-item-desc{font-size:.85rem;color:var(--muted)}.settings-item-danger .settings-item-title{color:#ef4444}.settings-item-danger:hover{background:#ef444426}.card-ex-btn{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f62e,#a855f72e);border:1.5px solid rgba(96,165,250,.4);color:#93c5fd;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a}.card-ex-btn:hover{background:linear-gradient(135deg,#3b82f659,#a855f759);border-color:#60a5fab3;color:#bfdbfe;transform:scale(1.08);box-shadow:0 6px 20px #3b82f659,inset 0 1px #ffffff26}.card-ex-btn:active{transform:scale(.92);transition:transform .1s ease}.card-ex-btn svg{width:60%;height:60%;display:block}.ex-panel{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.ex-list{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ex-item{background:var(--surface2);border-radius:12px;padding:12px 16px}.ex-tag{font-size:.72rem;font-weight:700;color:#60a5fa;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.ex-sentence{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.98rem;line-height:1.45;font-weight:600}.ex-tr{color:#4ade80;font-size:.88rem;margin-top:5px;line-height:1.4}.ex-analysis{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;color:var(--muted);background:#3b82f612;border-left:2px solid rgba(59,130,246,.45);padding:8px 12px;border-radius:0 8px 8px 0;margin-top:9px;line-height:1.55}.ex-bulb{flex-shrink:0}.ex-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 20px}.ex-notice{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);color:#fcd34d;border-radius:10px;padding:10px 14px;font-size:.8rem;line-height:1.5}.ex-syn-header{font-size:.95rem;font-weight:800;margin:10px 4px 2px;color:#c084fc;letter-spacing:.02em}.ex-syn-item{border:1px solid rgba(192,132,252,.25);background:#a855f70f}.ex-syn-word{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem}.ex-syn-word .ex-syn-tr{color:var(--muted);font-weight:400;font-size:.85rem;margin-right:auto}.ex-syn-diff{color:#d8b4fe;font-size:.82rem;margin-top:6px;line-height:1.5}.study-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px 20px;max-width:520px;margin:0 auto;width:100%}.study-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px}.study-newbadge{background:#a855f726;color:#c084fc;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.02em}.study-card{background:var(--surface);border-radius:24px;padding:40px 28px;width:100%;text-align:center;position:relative;cursor:pointer;border:1px solid var(--surface2);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 40px #00000040}.study-emoji{font-size:3rem;margin-bottom:4px}.study-word{font-size:2.4rem;font-weight:800;letter-spacing:-.02em}.study-pos{color:var(--muted);font-size:1rem;font-style:italic}.study-speaker{margin-top:10px}.study-answer{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;width:100%}.study-answer.shown{max-height:200px;opacity:1;margin-top:8px}.study-divider{height:1px;background:var(--surface2);margin:14px auto;width:60%}.study-tr{font-size:1.6rem;font-weight:700;color:#22c55e}.study-tap-hint{position:absolute;bottom:16px;left:0;right:0;color:var(--muted);font-size:.8rem}.study-reveal{width:100%;max-width:400px}.study-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.rating-btn{background:var(--surface);border:2px solid var(--rc);border-radius:14px;padding:14px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;font-family:inherit}.rating-btn:hover{background:var(--rc);transform:translateY(-2px)}.rating-btn:hover .rating-label,.rating-btn:hover .rating-iv{color:#fff}.rating-label{font-weight:700;font-size:.95rem;color:var(--rc)}.rating-iv{font-size:.72rem;color:var(--muted)}@media (max-width:480px){.study-ratings{grid-template-columns:repeat(2,1fr)}.study-word{font-size:2rem}}.today-hero{width:100%;max-width:560px;background:linear-gradient(135deg,#1e293b,#273449);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--surface2)}.today-top{display:flex;align-items:center;justify-content:space-between}.streak-badge{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem}.streak-flame{font-size:1.6rem;filter:drop-shadow(0 0 8px rgba(249,115,22,.5))}.today-level{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.today-level-num{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-bar-bg{width:110px;height:6px;background:var(--surface2);border-radius:4px;overflow:hidden}.xp-bar{height:6px;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#a855f7);transition:width .5s}.today-ring{display:flex;gap:20px;align-items:center}.today-counts{display:flex;gap:24px}.today-count-num{font-size:1.8rem;font-weight:800;line-height:1}.today-count-label{font-size:.78rem;color:var(--muted);margin-top:2px}.today-start{width:100%;font-size:1.1rem;padding:16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 6px 20px #22c55e59}.today-start:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 26px #22c55e73}.home-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:560px}.home-status{display:flex;gap:10px;align-items:center;cursor:pointer;flex-wrap:wrap;justify-content:center}html{color-scheme:dark;height:100%;overflow:hidden;overscroll-behavior:none;background:radial-gradient(1.5px 1.5px at 12% 9%,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 27% 5%,rgba(255,255,255,.55),transparent),radial-gradient(1.6px 1.6px at 44% 12%,rgba(255,255,255,.6),transparent),radial-gradient(1.1px 1.1px at 63% 6%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 82% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1.2px 1.2px at 92% 15%,rgba(255,255,255,.45),transparent),radial-gradient(1.3px 1.3px at 20% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1.2px 1.2px at 72% 24%,rgba(255,255,255,.4),transparent),linear-gradient(180deg,#061634,#040f26 34%,#020814 62%,#010409 84%,#000205);background-color:#04102a;background-attachment:fixed}body{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.home-title,.home-brand,.page-header h1,.stat-num,.study-word,.card-word,.rd-en,.results-title,.stat-big-num,.result-stat-num,h1,h2{font-family:Sora,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";position:fixed;left:50%;top:-94vw;transform:translate(-50%);width:180vw;height:180vw;max-width:1600px;max-height:1600px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#d4e8ff,#8dbcf9 9%,#4f8ee6,#2e6ccb 35%,#1d51ad 47%,#143f8c,#0e2f6c 69%,#0a2350 79%,#071a3d 88%,#05122b 95%,#040d20);box-shadow:0 0 150px 24px #4a90fa6b,0 0 60px 6px #78b4ff80,inset -20px 26px 160px #030a1c80;pointer-events:none;z-index:0}body:after{content:"";position:fixed;left:50%;top:-94vw;transform:translate(-50%);width:180vw;height:180vw;max-width:1600px;max-height:1600px;border-radius:50%;box-shadow:0 0 2px 2px #96c8ff8c,0 0 40px 8px #5aa0ff4d;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.home{gap:16px}.home-badge{position:relative;overflow:hidden;border:none;background:linear-gradient(180deg,#5eead41a,#2dd4bf0a);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);color:#6ee7da;font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:8px 20px;border-radius:999px;box-shadow:inset 0 .5px #ffffff47,0 1px 2px #0308144d}.home-badge:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff52,#ffffff0f 40%,#5eead447);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home-title{color:#f5f1e8;font-weight:800;letter-spacing:-.03em}.home-title span{background:none;-webkit-text-fill-color:#2DD4BF;color:#2dd4bf}.home-sub{color:#8b94a8;font-size:1rem;letter-spacing:.01em}.home-topbar{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 40px);margin:0 -20px 18px;padding:0 8px;box-sizing:border-box}.home .home-oxford{position:static;top:auto;left:auto}.home .home-oxford img{height:74px}.home .home-oxford svg{width:54px;height:54px;filter:drop-shadow(0 3px 12px rgba(45,212,191,.3))}.home .home-brand{position:static;top:auto;right:auto;font-size:1.85rem;background:none;-webkit-text-fill-color:#F5F1E8;color:#f5f1e8;letter-spacing:.28em;font-weight:700;padding-right:.28em}@media (max-width:520px){.home .home-oxford img{height:54px}.home .home-brand{font-size:1.35rem;letter-spacing:.2em}}.home{position:relative;justify-content:center;gap:22px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.home>*{position:relative;z-index:1}.home>.modal-overlay{position:fixed;inset:0;z-index:100}.home>.home-topbar{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;width:auto;margin:0;padding:0 8px;z-index:3;justify-content:space-between}.home-brandlock{display:flex;align-items:center;gap:12px}.home-harrid{font-family:Sora,sans-serif;font-weight:700;font-size:1.85rem;letter-spacing:.28em;color:#f5f1e8;padding-right:.28em;flex-shrink:0}@media (max-width:520px){.home-harrid{font-size:1.35rem;letter-spacing:.2em}}.home .home-brand{font-size:1.15rem;letter-spacing:.01em;font-weight:800;color:#f5f1e8;line-height:1}.home .home-brand span{color:#2dd4bf;font-weight:700}@media (max-width:520px){.home .home-brand{font-size:1rem}.home-brandlock{gap:9px}}.home .home-stats{width:100%;max-width:520px;justify-content:center}.home-btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:520px}.home-btn-grid .btn{width:100%}.home>.home-gear{position:fixed;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;width:46px;height:46px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c9d3e2;background:linear-gradient(180deg,#ffffff1a,#ffffff08);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 .5px #ffffff4d,0 6px 18px -6px #030814b3;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-gear svg{width:54%;height:54%}.home-gear:hover{color:#5eead4;border-color:#2dd4bf66;transform:rotate(60deg)}.home-gear:active{transform:rotate(60deg) scale(.92)}@media (max-width:520px){.home>.home-gear{width:42px;height:42px}}.home>.home-account{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;width:46px;height:46px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c9d3e2;background:linear-gradient(180deg,#ffffff1a,#ffffff08);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 .5px #ffffff4d,0 6px 18px -6px #030814b3;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-account svg{width:50%;height:50%}.home-account:hover{color:#5eead4;border-color:#2dd4bf66;transform:translateY(-2px)}.home-account:active{transform:scale(.92)}.home-account.girisli{color:#2dd4bf;border-color:#2dd4bf52}@media (max-width:520px){.home>.home-account{width:42px;height:42px}}.home .stat-card{position:relative;flex:1 1 0;min-width:0;padding:22px 16px;text-align:center;border-radius:26px;border:none;overflow:hidden;background:linear-gradient(180deg,#ffffff12,#ffffff06);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 .5px #ffffff52,inset 0 -1px #ffffff0f,0 1px 2px #03081466,0 10px 32px -10px #030814b3}.home .stat-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff57,#ffffff14 32%,#ffffff0a 70%,#ffffff29);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home .stat-card:after{content:"";position:absolute;top:1px;left:16%;right:16%;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);pointer-events:none}.home .stat-num{color:#f5f1e8!important;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.3)}.home .stat-label{color:#9aa6b8;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.home .level-pill{background:transparent;border-width:1px;font-weight:600;letter-spacing:.06em;opacity:.85;padding:7px 18px}.home .level-pill.A1,.home .level-pill.A2,.home .level-pill.B1,.home .level-pill.B2,.home .level-pill.C1{position:relative;overflow:hidden;color:#aeb8c9;border:none;font-size:.82rem;padding:7px 17px;background:linear-gradient(180deg,#ffffff0e,#ffffff05);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 .5px #fff3,0 1px 2px #03081447;transition:all .25s cubic-bezier(.4,0,.2,1)}.home .level-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff3d,#ffffff0d 45%,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home .level-pill.A1:hover,.home .level-pill.A2:hover,.home .level-pill.B1:hover,.home .level-pill.B2:hover,.home .level-pill.C1:hover{color:#2dd4bf;border-color:#2dd4bf80}.home .btn{border-radius:999px;font-weight:700;letter-spacing:.02em;padding:15px 32px;transition:all .22s ease}.home .btn{position:relative;overflow:hidden;border:none;isolation:isolate;font-weight:600;letter-spacing:.01em;padding:14px 30px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.home .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.05) 70%,var(--edge,rgba(255,255,255,.22)) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home .btn:after{content:"";position:absolute;top:1px;left:14%;right:14%;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none}.home .btn:hover{transform:translateY(-1px)}.home .btn:active{transform:translateY(0) scale(.99);transition-duration:.1s}.home .btn-primary{--edge:rgba(94,234,212,.45);color:#cffaf0;background:linear-gradient(180deg,#5eead429,#14b8a617);box-shadow:inset 0 .5px #ffffff4d,inset 0 -1px #5eead42e,0 1px 2px #03081466,0 8px 24px -8px #2dd4bf66}.home .btn-primary:hover{background:linear-gradient(180deg,#5eead43d,#14b8a624);color:#eafffa;box-shadow:inset 0 .5px #fff6,inset 0 -1px #5eead442,0 2px 4px #03081466,0 12px 32px -8px #2dd4bf8c}.home .btn-grammar{--edge:rgba(196,181,253,.35);color:#e9e4fb;background:linear-gradient(180deg,#a78bfa24,#7c3aed14);box-shadow:inset 0 .5px #ffffff42,inset 0 -1px #c4b5fd24,0 1px 2px #03081466,0 8px 24px -8px #8b5cf64d}.home .btn-grammar:hover{background:linear-gradient(180deg,#a78bfa33,#7c3aed1f);color:#f6f2ff;box-shadow:inset 0 .5px #ffffff5c,inset 0 -1px #c4b5fd33,0 2px 4px #03081466,0 12px 32px -8px #8b5cf66b}.home .btn-units{--edge:rgba(147,197,253,.32);color:#dce7f7;background:linear-gradient(180deg,#60a5fa1f,#2563eb12);box-shadow:inset 0 .5px #ffffff3d,inset 0 -1px #93c5fd21,0 1px 2px #03081466,0 8px 24px -8px #3b82f647}.home .btn-units:hover{background:linear-gradient(180deg,#60a5fa2e,#2563eb1c);color:#eff6ff;box-shadow:inset 0 .5px #ffffff57,inset 0 -1px #93c5fd30,0 2px 4px #03081466,0 12px 32px -8px #3b82f666}.home .btn-ghost{--edge:rgba(203,213,225,.2);color:#98a2b3;background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 .5px #ffffff29,0 1px 2px #0308144d}.home .btn-ghost:hover{color:#dfe4ec;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:inset 0 .5px #ffffff42,0 2px 6px #03081459}.home-logo{display:flex;justify-content:center;margin-top:4px}.home-logo svg{width:100px;height:100px;filter:drop-shadow(0 8px 30px rgba(45,212,191,.22))}@keyframes logoSpin{to{transform:rotate(360deg)}}@keyframes logoSpinRev{to{transform:rotate(-360deg)}}.logo-spin{animation:logoSpin 36s linear infinite;transform-box:view-box;transform-origin:center}.logo-orbit{animation:logoSpin 14s linear infinite;transform-box:view-box;transform-origin:center}.logo-hex{animation:logoSpinRev 70s linear infinite;transform-box:view-box;transform-origin:center}@media (prefers-reduced-motion:reduce){.logo-spin,.logo-orbit,.logo-hex{animation:none}}.status-chip{background:var(--surface);border:1px solid var(--surface2);border-radius:20px;padding:8px 14px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:6px}.status-xp{padding:8px 14px}.ach-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-120px);background:var(--surface);border:1px solid #fbbf24;border-radius:16px;padding:14px 22px;display:flex;align-items:center;gap:14px;z-index:200;box-shadow:0 10px 40px #0006;transition:transform .4s cubic-bezier(.2,1.2,.4,1)}.ach-toast.show{transform:translate(-50%) translateY(0)}.ach-toast-icon{font-size:2rem}.ach-toast-title{font-weight:800;font-size:.95rem}.ach-toast-sub{font-size:.8rem;color:var(--muted)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ach-item{background:var(--surface);border-radius:16px;padding:18px 14px;text-align:center;border:1px solid var(--surface2);transition:all .2s}.ach-item.locked{opacity:.4;filter:grayscale(1)}.ach-item.unlocked{border-color:#fbbf24}.ach-icon{font-size:2.2rem;margin-bottom:8px}.ach-name{font-weight:700;font-size:.9rem;margin-bottom:3px}.ach-desc{font-size:.75rem;color:var(--muted)}.stat-big-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:560px}.stat-big{background:var(--surface);border-radius:16px;padding:20px;text-align:center}.stat-big-num{font-size:2rem;font-weight:800}.stat-big-label{color:var(--muted);font-size:.85rem;margin-top:4px}.ai-screen{flex:1;display:flex;flex-direction:column;height:100vh;max-width:720px;margin:0 auto;width:100%}.ai-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.ai-msg{display:flex;flex-direction:column;max-width:82%}.ai-msg-user{align-self:flex-end;align-items:flex-end}.ai-msg-assistant{align-self:flex-start;align-items:flex-start}.ai-bubble{padding:12px 16px;border-radius:18px;white-space:pre-wrap;line-height:1.5;font-size:.95rem}.ai-msg-user .ai-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px}.ai-msg-assistant .ai-bubble{background:var(--surface);border:1px solid var(--surface2);border-bottom-left-radius:4px}.ai-speak{margin-top:4px}.ai-typing{display:flex;gap:5px;align-items:center;padding:16px}.ai-typing span{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:aiblink 1.2s infinite}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes aiblink{0%,60%,to{opacity:.3}30%{opacity:1}}.ai-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:12px 16px;font-size:.85rem}.ai-starters{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 12px}.ai-starter{background:var(--surface);border:1px solid var(--surface2);border-radius:20px;padding:8px 14px;font-size:.85rem;color:var(--text);cursor:pointer;font-family:inherit;transition:all .2s}.ai-starter:hover{border-color:#3b82f6;color:#3b82f6}.ai-input-row{display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--surface2);background:var(--bg)}.ai-input{flex:1;background:var(--surface);border:1px solid var(--surface2);border-radius:24px;padding:12px 18px;color:var(--text);font-size:.95rem;font-family:inherit;outline:none}.ai-input:focus{border-color:#3b82f6}.ai-send{width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-size:1.1rem;cursor:pointer;flex-shrink:0;transition:all .2s}.ai-send:disabled{opacity:.4;cursor:not-allowed}.ai-send:not(:disabled):hover{transform:scale(1.08)}.grammar-topic-list{display:flex;flex-direction:column;gap:12px;max-width:680px;margin:0 auto}.grammar-topic-card{background:var(--surface);border-radius:14px;padding:20px 22px;cursor:pointer;border:2px solid var(--surface2);transition:all .15s ease;display:flex;align-items:center;gap:18px}.grammar-topic-card:hover{transform:translateY(-2px);background:var(--surface2);border-color:#a855f766}.grammar-topic-num{font-size:1.6rem;font-weight:800;min-width:40px;text-align:center}.grammar-topic-info{flex:1;min-width:0}.grammar-topic-title{font-weight:800;font-size:1.1rem;margin-bottom:3px}.grammar-topic-sub{color:var(--muted);font-size:.85rem;margin-bottom:6px;font-style:italic}.grammar-topic-desc{color:var(--muted);font-size:.85rem}.grammar-topic-arrow{font-size:1.4rem;color:var(--muted);flex-shrink:0}.lesson-content{max-width:720px;margin:0 auto;padding:0 4px}.lesson-subtitle{font-size:1rem;color:var(--muted);font-style:italic;margin-bottom:14px}.lesson-intro{background:var(--surface);border-left:3px solid var(--a2);padding:16px 18px;border-radius:8px;line-height:1.6;margin-bottom:24px;font-size:.95rem}.lesson-rule{background:var(--surface);border-radius:12px;padding:18px 20px;margin-bottom:16px}.lesson-rule-title{font-weight:800;font-size:1.05rem;margin-bottom:10px;color:var(--a2)}.lesson-formula{background:#3b82f61f;border:1px dashed rgba(59,130,246,.4);padding:10px 14px;border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:.9rem;margin-bottom:12px;color:#bfdbfe;text-align:center}.lesson-desc{margin-bottom:12px;line-height:1.6;font-size:.92rem;color:var(--text)}.lesson-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:.88rem}.lesson-table tr{border-bottom:1px solid var(--surface2)}.lesson-table tr:last-child{border-bottom:none}.lesson-table td{padding:10px 12px;vertical-align:top;color:var(--text)}.lesson-table td:first-child{font-weight:600;color:#93c5fd}.lesson-list{margin:0;padding-left:20px;line-height:1.7;font-size:.92rem}.lesson-list li{margin-bottom:6px;color:var(--text)}.lesson-section{margin-top:24px}.lesson-section-title{font-weight:800;font-size:1.1rem;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--surface2)}.lesson-examples{display:flex;flex-direction:column;gap:10px}.lesson-example{background:var(--surface);border-radius:10px;padding:14px 16px;border-left:3px solid var(--a1)}.lesson-example-en{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.98rem;color:#bfdbfe;margin-bottom:6px}.lesson-example-tr{font-size:.88rem;color:var(--muted);font-style:italic}.lesson-tips{background:#fbbf2414;border-radius:12px;padding:18px 20px;border-left:3px solid #fbbf24}.lesson-tips .lesson-section-title{border-bottom-color:#fbbf244d}.exercise-block{background:var(--surface);border-radius:14px;padding:24px}.exercise-progress{color:var(--muted);font-size:.8rem;margin-bottom:14px;text-align:center}.exercise-q{font-size:1.2rem;font-weight:700;margin-bottom:18px;text-align:center;line-height:1.4}.exercise-options{display:flex;flex-direction:column;gap:10px}.exercise-option{background:var(--surface2);border:2px solid transparent;border-radius:12px;padding:14px 18px;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text);transition:all .15s;text-align:left;outline:none}.exercise-option:hover:not(:disabled){border-color:var(--a2);transform:translate(2px)}.exercise-option.correct{border-color:var(--a1)!important;background:#22c55e26!important;color:var(--a1)!important}.exercise-option.wrong{border-color:#ef4444!important;background:#ef444426!important;color:#ef4444!important}.exercise-option:disabled{cursor:default}.lesson-results{text-align:center;padding:30px 20px;background:var(--surface);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:14px}.lesson-results-title{font-size:1.5rem;font-weight:800}.lesson-results-score{font-size:3rem;font-weight:900}.lesson-results-desc{color:var(--muted);margin-bottom:10px}.category-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:520px;margin:0 auto}.category-card{background:var(--surface);border-radius:14px;padding:20px 22px;cursor:pointer;border:2px solid var(--surface2);transition:all .15s ease;display:flex;align-items:center;gap:18px}.category-card:hover{transform:translateY(-2px);background:var(--surface2)}.category-num{font-size:1.7rem;font-weight:800;min-width:54px;text-align:center}.category-info{flex:1;min-width:0}.category-title{font-weight:800;font-size:1.1rem;margin-bottom:3px}.category-desc{color:var(--muted);font-size:.85rem}.category-arrow{font-size:1.4rem;font-weight:700;flex-shrink:0}.sublevel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.sublevel-card{background:var(--surface);border-radius:12px;padding:18px;cursor:pointer;border:2px solid transparent;transition:all .15s ease;display:flex;align-items:center;gap:14px;position:relative}.sublevel-card:hover{transform:translateY(-2px);background:var(--surface2)}.sublevel-card.A1:hover{border-color:var(--a1)}.sublevel-card.A2:hover{border-color:var(--a2)}.sublevel-card.B1:hover{border-color:var(--b1)}.sublevel-card.B2:hover{border-color:var(--b2)}.sublevel-card.complete{background:#22c55e14;border-color:#22c55e4d}.sublevel-num{font-size:1.8rem;font-weight:800;min-width:36px;text-align:center}.sublevel-info{flex:1;min-width:0}.sublevel-title{font-weight:700;font-size:1rem;margin-bottom:2px}.sublevel-range{color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sublevel-progress{display:flex;flex-direction:column;gap:4px;align-items:flex-end;min-width:54px}.sublevel-progress-text{color:var(--muted);font-size:.75rem;font-weight:600}.sublevel-bar-bg{width:50px;height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.sublevel-bar{height:100%;border-radius:2px;transition:width .3s}.sublevel-check{position:absolute;top:6px;right:8px;color:var(--a1);font-weight:800;font-size:.9rem}@media (max-width:480px){.quiz-options{grid-template-columns:1fr}.flashcard-actions{flex-direction:column}.card-scene{height:220px}.card-word{font-size:1.5rem}.sublevel-grid{grid-template-columns:1fr}}.page-header h1{letter-spacing:-.02em}.back-btn{background:linear-gradient(180deg,#ffffff17,#ffffff08);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:inset 0 .5px #ffffff4d,0 4px 14px -6px #03081499;transition:all .2s}.back-btn:hover{background:linear-gradient(180deg,#ffffff26,#ffffff0f)}.btn-primary{background:linear-gradient(180deg,#2dd4bf33,#14b8a61c);color:#cffaf0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(94,234,212,.35);box-shadow:inset 0 .5px #ffffff57,0 2px 4px #03081466,0 10px 28px -10px #2dd4bf80}.btn-primary:hover{background:linear-gradient(180deg,#2dd4bf4d,#14b8a62b);color:#eafffa}.btn-ghost{background:linear-gradient(180deg,#ffffff12,#ffffff06);color:#c3cbd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 .5px #ffffff38,0 4px 14px -8px #03081499}.btn-ghost:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff0d);color:#f1f5f9}.level-card,.category-card,.sublevel-card,.mode-card,.unit-card,.result-stat,.stat-big,.study-card,.ach-item,.quiz-option,.settings-item,.ex-item,.unit-list-toggle,.card-front,.card-back{background:linear-gradient(180deg,#ffffff0f,#ffffff06)!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 .5px #ffffff42,0 8px 26px -12px #030814b3!important}.level-card:hover,.category-card:hover,.sublevel-card:hover,.mode-card:hover,.unit-card:hover,.quiz-option:hover:not(:disabled),.settings-item:hover,.unit-list-toggle:hover{background:linear-gradient(180deg,#ffffff1c,#ffffff0b)!important;border-color:#2dd4bf66!important;transform:translateY(-2px)}.quiz-option.correct{border-color:#34d399b3!important;background:#34d39929!important;color:#6ee7b7!important}.quiz-option.wrong{border-color:#f87171b3!important;background:#f8717129!important;color:#fca5a5!important}.modal,.settings-panel,.ex-panel{background:#16213a!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 24px 70px -20px #000000b3!important}.modal-overlay{background:#060a16b3}.type-input,.ai-input{background:linear-gradient(180deg,#ffffff0f,#ffffff05)!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.12)!important}.type-input:focus,.ai-input:focus{border-color:#2dd4bf99!important}.game-progress-bar{background:#ffffff12!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-score,.game-counter{color:var(--text)}.ai-msg-assistant .ai-bubble{background:linear-gradient(180deg,#ffffff0f,#ffffff06)!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.1)!important}.rating-btn{background:linear-gradient(180deg,#ffffff0f,#ffffff05)!important;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}.rd-hint{color:var(--muted);font-size:.8rem;margin:2px 0 20px;line-height:1.55;text-align:center}.rd-body{display:flex;flex-direction:column;gap:16px}.rd-card{position:relative;background:linear-gradient(180deg,#ffffff0b,#ffffff04);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px 20px 12px;box-shadow:inset 0 .5px #fff3,0 6px 22px -12px #03081499;transition:border-color .25s}.rd-card.open{border-color:#2dd4bf4d}.rd-num{position:absolute;top:14px;right:16px;font-size:.72rem;font-weight:700;color:#ffffff38}.rd-line{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.rd-en{font-size:1.2rem;font-weight:600;color:#f6f2e9;line-height:1.65;padding-right:34px}.rd-tr{margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);font-size:1rem;color:#86c0b5;line-height:1.6}.rd-tok{cursor:pointer;border-radius:6px;padding:1px 4px;margin:0 -1px;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.rd-tok:hover{background:#2dd4bf1f}.rd-tok.on{background:#2dd4bf;color:#07130f;font-weight:700}.rd-speak{margin-left:auto}.rd-struct-toggle{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.06);border-radius:0;padding:11px 0 3px;color:var(--muted);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .2s}.rd-struct-toggle:hover{color:#5eead4}.rd-chevron{font-size:1.1rem;line-height:1;transition:transform .25s;display:inline-block}.rd-struct{margin-top:14px;animation:rdFade .28s ease}@keyframes rdFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.rd-pattern{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;margin-bottom:14px}.rd-plus{align-self:center;color:var(--muted);font-weight:700;font-size:.85rem;opacity:.6}.rd-pchip{display:flex;flex-direction:column;gap:3px;background:#ffffff0a;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);border-radius:10px;padding:7px 11px;border-top:2.5px solid var(--rc)}.rd-pchip-role{font-size:.64rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--rc)}.rd-pchip-en{font-size:.92rem;font-weight:600;color:#f6f2e9}.rd-struct-note{font-size:.9rem;color:#dbe2ec;background:#2dd4bf0f;border:1px solid rgba(45,212,191,.16);border-radius:12px;padding:14px 16px;line-height:1.72}.rd-sec-title{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8b9bb0;margin:4px 2px 8px}.rd-struct .rd-sec-title:not(:first-child){margin-top:16px}.rd-wbw{display:flex;flex-direction:column;gap:1px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.rd-wbw-row{display:flex;align-items:center;gap:10px;padding:9px 14px}.rd-wbw-row:nth-child(2n){background:#ffffff06}.rd-wbw-en{font-weight:700;color:#f6f2e9;font-size:.92rem;flex:0 0 42%;min-width:0}.rd-wbw-eq{color:var(--muted);font-size:.8rem}.rd-wbw-tr{color:#86c0b5;font-size:.9rem;flex:1;min-width:0}.rd-end{text-align:center;color:var(--muted);font-size:.9rem;padding:10px 0 4px}.home{height:100%!important;min-height:100%!important;overflow:hidden!important;justify-content:center;gap:clamp(10px,1.9vh,22px)!important;padding:clamp(66px,10vh,96px) clamp(16px,5vw,26px) clamp(58px,7vh,82px)!important}.home>.home-topbar{gap:10px;align-items:center}.home-brandlock{min-width:0;flex:1 1 auto}.home .home-oxford svg{width:clamp(38px,10vw,54px);height:clamp(38px,10vw,54px)}.home .home-brand{font-size:clamp(.82rem,3.4vw,1.15rem)!important;line-height:1.15;min-width:0}.home-harrid{font-size:clamp(.95rem,4.4vw,1.85rem)!important;letter-spacing:clamp(.12em,1.2vw,.28em)!important;flex-shrink:0}.home .stat-num{font-size:clamp(1.6rem,7vw,2.4rem)}.home .stat-label{font-size:clamp(.66rem,2.6vw,.78rem)}.home .btn-lg{padding:clamp(12px,2vh,16px) clamp(14px,4vw,30px);font-size:clamp(.95rem,3.6vw,1.15rem)}.home .level-pill{font-size:clamp(.72rem,3vw,.85rem);padding:clamp(5px,1.4vw,7px) clamp(11px,3.4vw,17px)}.page-header h1{font-size:clamp(1.25rem,5.2vw,1.6rem)}.card-word{font-size:clamp(1.5rem,7vw,2.4rem)}.study-word{font-size:clamp(1.7rem,8vw,2.4rem)}.quiz-question,.type-prompt{word-break:break-word}.quiz-option{font-size:clamp(.9rem,3.6vw,1rem);padding:clamp(13px,3.5vw,18px)}@media (max-width:360px){.home-btn-grid{gap:9px}.quiz-options{grid-template-columns:1fr}.home .home-stats{gap:9px}.rd-en{font-size:1.05rem}}@media (min-width:820px){.page-wrap,.rd-wrap{margin-left:auto;margin-right:auto}}#root{display:block!important;position:absolute!important;inset:0!important;height:auto!important;min-height:0!important;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#root:has(.home){overflow-y:hidden}.home,.page-wrap{max-width:100vw;overflow-x:hidden}.game{padding-top:calc(env(safe-area-inset-top,0px) + 14px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px)!important}.page-wrap{padding-top:calc(env(safe-area-inset-top,0px) + 26px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 30px)!important}.ai-screen{height:100%!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.hes-modal{max-width:380px}.hes-govde{padding:4px 20px 22px;display:flex;flex-direction:column}.hes-aciklama{font-size:.83rem;line-height:1.55;color:#b8c4d4;margin:0 0 16px}.hes-aciklama b{color:var(--text);font-weight:700}.hes-etiket{font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:7px}.hes-alan{width:100%;padding:13px 15px;border-radius:12px;font-size:.95rem;font-weight:500;font-family:inherit;color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.13);outline:none;transition:border-color .2s,background .2s}.hes-alan::placeholder{color:#6b7688}.hes-alan:focus{border-color:var(--accent);background:#2dd4bf12}.hes-alan.hes-kod{text-align:center;font-size:1.4rem;font-weight:800;letter-spacing:.32em;padding:14px 15px;text-indent:.32em}.hes-btn{margin-top:14px;padding:13px 18px;border-radius:12px;border:none;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:700;color:#04121f;background:linear-gradient(180deg,#5eead4,#2dd4bf);box-shadow:0 6px 16px -8px #2dd4bfe6;transition:filter .2s,transform .15s}.hes-btn:hover:not(:disabled){filter:brightness(1.07)}.hes-btn:active:not(:disabled){transform:scale(.985)}.hes-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.hes-link{margin-top:11px;background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:4px;align-self:center}.hes-link:hover{color:var(--accent)}.hes-ipucu{margin-top:13px;font-size:.74rem;line-height:1.5;color:var(--muted);text-align:center}.hes-not{font-size:.8rem;line-height:1.5;color:#d9c48a;padding:11px 13px;border-radius:11px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25)}.hes-durum{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:13px;background:#2dd4bf12;border:1px solid rgba(45,212,191,.2)}.hes-nokta{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px;box-shadow:0 0 8px #2dd4bfcc}.hes-mail{font-size:.88rem;font-weight:700;color:var(--text);word-break:break-all}.hes-alt{font-size:.74rem;color:var(--muted);margin-top:3px}.hes-mesaj{margin-top:14px;font-size:.78rem;line-height:1.5;padding:10px 12px;border-radius:11px;color:#a7f3e6;background:#2dd4bf17;border:1px solid rgba(45,212,191,.22)}.hes-mesaj.hata{color:#fca5a5;background:#f8717117;border-color:#f8717147}