/* Slovra Learning Hub V3 */
.heart-area,.level-area{display:flex;align-items:center;gap:4px;font-weight:900;font-size:13px;white-space:nowrap}.level-area{background:rgba(28,176,246,.14);border:1px solid rgba(28,176,246,.25);padding:3px 7px;border-radius:9px;color:var(--color-cyan)}
.learning-home-card{width:calc(100% - 40px);margin:4px 20px 20px;padding:15px;border:1px solid var(--border-color,#30343b);background:var(--card-bg,#202328);border-radius:18px;display:flex;align-items:center;gap:12px;color:var(--text-primary);text-align:left;cursor:pointer;box-sizing:border-box}.learning-home-card:hover{transform:translateY(-1px)}.learning-home-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(88,204,2,.14);font-size:23px}.learning-home-copy{display:flex;flex-direction:column;gap:3px;flex:1}.learning-home-copy strong{font-size:16px}.learning-home-copy span{font-size:12px;color:var(--text-muted)}.learning-home-arrow{font-size:28px;color:var(--text-muted)}
.learning-page{padding:16px 20px 100px;display:flex;flex-direction:column;gap:14px}.learning-card,.learning-summary-card,.learning-mini-card{background:var(--card-bg,#202328);border:1px solid var(--border-color,#30343b);border-radius:18px;padding:16px;box-sizing:border-box}.learning-summary-card{background:linear-gradient(135deg,rgba(28,176,246,.14),rgba(88,204,2,.08))}.learning-summary-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.learning-summary-card strong{font-size:22px}.learning-kicker{font-size:11px;font-weight:900;letter-spacing:.8px;color:var(--text-muted)}.learning-level-bar,.learning-goal-track{height:10px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:12px 0 7px}.learning-level-bar span,.learning-goal-track span{height:100%;display:block;width:0;background:var(--color-green);border-radius:99px;transition:width .25s ease}.learning-summary-card small,.learning-muted{color:var(--text-muted);font-size:12px}
.learning-grid{display:grid;gap:10px}.learning-mini-grid{grid-template-columns:repeat(3,1fr)}.learning-mini-card{padding:13px;display:flex;flex-direction:column;gap:5px}.learning-mini-card span{font-size:12px;color:var(--text-muted);font-weight:800}.learning-mini-card strong{font-size:18px}.learning-mini-card small{font-size:10px;color:var(--text-muted)}.learning-card h3{margin:0 0 13px;font-size:16px}.learning-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.learning-card-head h3{margin:0}.learning-card select,.learning-select{border:1px solid var(--border-color,#30343b);background:var(--input-bg,#16181c);color:var(--text-primary);border-radius:10px;padding:8px;font-weight:700}.learning-goal-track span{background:var(--color-cyan)}
.learning-task-list{display:flex;flex-direction:column;gap:8px}.learning-task{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:8px;padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}.learning-task.done{border-color:rgba(88,204,2,.25);background:rgba(88,204,2,.07)}.learning-task .task-icon{font-size:21px}.learning-task div{display:flex;flex-direction:column}.learning-task strong{font-size:13px}.learning-task small{font-size:11px;color:var(--text-muted)}.learning-task>b{color:var(--color-green);font-size:18px}
.streak-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.streak-day{aspect-ratio:1;min-height:34px;border-radius:9px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);border:1px solid transparent}.streak-day.active{background:rgba(255,150,40,.14);border-color:rgba(255,150,40,.25);color:var(--text-primary)}.streak-day.today{outline:2px solid var(--color-cyan)}.streak-day b{font-size:10px;line-height:1}
.learning-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.learning-stat-grid div{background:rgba(255,255,255,.035);border-radius:12px;padding:11px 7px;text-align:center}.learning-stat-grid strong{display:block;font-size:18px}.learning-stat-grid span{font-size:10px;color:var(--text-muted)}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.achievement{padding:12px;border-radius:13px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:34px 1fr;column-gap:7px;align-items:center}.achievement>span{grid-row:1/4;font-size:25px}.achievement strong{font-size:12px}.achievement small{font-size:10px;color:var(--text-muted)}.achievement b{font-size:9px;color:var(--color-green);text-transform:uppercase}.achievement.locked{opacity:.45;filter:grayscale(.7)}
.learning-list{display:flex;flex-direction:column;gap:8px}.learning-list-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border-radius:12px;background:rgba(255,255,255,.035)}.learning-list-item>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.learning-list-item strong{font-size:13px}.learning-list-item small{font-size:10px;color:var(--text-muted)}.learning-list-item.mastered{opacity:.65}.learning-ghost-btn,.favorite-actions button,.question-tool-btn,.flashcard-nav button{border:1px solid var(--border-color,#353941);background:rgba(255,255,255,.04);color:var(--text-primary);border-radius:10px;padding:7px 10px;cursor:pointer;font-weight:800}.favorite-actions{display:flex;gap:6px}.question-learning-tools{display:flex;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}.question-tool-btn:disabled{opacity:.35;cursor:not-allowed}.speaking-card .big-btn{margin-top:10px}.speaking-result{margin-top:10px;min-height:22px;font-size:13px;line-height:1.5}.flashcard-modal{max-width:360px;text-align:center}.flashcard-word{font-size:38px;font-weight:900;margin:18px 0 12px}.flashcard-translation{font-size:20px;font-weight:800;margin:18px 0}.flashcard-nav{display:flex;gap:10px;justify-content:center;margin:12px 0}.flashcard-nav button{min-width:80px;font-size:20px}
@media(max-width:480px){.learning-mini-grid{grid-template-columns:1fr 1fr}.learning-mini-card:last-child{grid-column:1/-1}.learning-stat-grid{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:1fr}.heart-area,.level-area{font-size:11px}.flag-box{gap:6px}}

/* ========================================================================== 
   V6.2 — SLOVRA HIZLI ERİŞİM + ÖĞRENME MERKEZİ REDESIGN
   ========================================================================== */
.home-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0 20px 26px;
}
.home-feature-tile{
    position:relative;
    min-width:0;
    min-height:92px;
    padding:11px 7px 9px;
    border:0;
    border-radius:17px;
    color:#fff;
    font-family:inherit;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:2px;
    transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
    overflow:hidden;
}
.home-feature-tile:hover{transform:translateY(-2px);filter:brightness(1.04)}
.home-feature-tile:active{transform:translateY(2px)}
.home-feature-learning{order:1;background:var(--color-green);box-shadow:0 5px 0 var(--shadow-green)}
.home-feature-ai{order:2;background:#ce82ff;box-shadow:0 5px 0 #a568cc}
.home-feature-community{order:3;background:#ff9600;box-shadow:0 5px 0 #cc7800}
.home-feature-tile:active{box-shadow:0 2px 0 rgba(0,0,0,.26)}
.home-feature-icon{
    width:38px;height:38px;border-radius:50%;
    display:grid;place-items:center;
    font-size:20px;
    margin-bottom:3px;
    background:rgba(255,255,255,.30);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 2px 0 rgba(0,0,0,.12)
}
.home-feature-tile strong{
    display:block;width:100%;
    font-size:12px;font-weight:900;line-height:1.08;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.home-feature-tile small{
    display:block;width:100%;
    font-size:9px;font-weight:800;line-height:1.05;
    color:rgba(255,255,255,.82);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

/* Eski geniş launcher stillerini V6.2'de etkisiz bırak. */
#learning-home-card.learning-home-card,
#community-home-card.learning-home-card{width:auto;margin:0}

/* Öğrenme merkezi: ana sitenin Duolingo tipi kart diline yaklaştırıldı. */
.learning-page{padding:18px 20px 110px;gap:13px}
.learning-card,.learning-summary-card,.learning-mini-card{
    background:var(--card-bg,#202f36);
    border:0;
    border-radius:18px;
    box-shadow:0 4px 0 rgba(0,0,0,.20);
}
.learning-summary-card{
    background:linear-gradient(135deg,#24373f 0%,#1d2d34 100%);
    box-shadow:0 5px 0 #162329,0 10px 24px rgba(28,176,246,.10)
}
.learning-summary-card .learning-kicker{color:#8fdcff}
.learning-level-bar,.learning-goal-track{
    height:12px;background:#10191d;
    box-shadow:inset 0 2px 5px rgba(0,0,0,.45)
}
.learning-level-bar span{background:var(--color-green);box-shadow:0 0 10px rgba(88,204,2,.34)}
.learning-goal-track span{background:var(--color-cyan);box-shadow:0 0 10px rgba(28,176,246,.30)}
.learning-mini-grid{gap:9px}
.learning-mini-card{min-height:88px;justify-content:center}
.learning-mini-card:nth-child(1){box-shadow:0 4px 0 #9b3c52}
.learning-mini-card:nth-child(2){box-shadow:0 4px 0 var(--shadow-cyan)}
.learning-mini-card:nth-child(3){box-shadow:0 4px 0 var(--shadow-green)}
.learning-card h3{font-weight:900}
.learning-task,.learning-list-item,.learning-stat-grid div,.achievement{
    background:#19282f;
    border:0;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)
}
.learning-task.done{background:rgba(88,204,2,.10);box-shadow:inset 0 0 0 1px rgba(88,204,2,.18)}
.learning-ghost-btn,.favorite-actions button,.question-tool-btn,.flashcard-nav button{
    border:0;background:#263941;color:var(--text-main);
    box-shadow:0 3px 0 #17242a;border-radius:11px
}
.learning-ghost-btn:active,.favorite-actions button:active,.question-tool-btn:active,.flashcard-nav button:active{
    transform:translateY(2px);box-shadow:0 1px 0 #17242a
}

body.light-mode .home-feature-tile{color:#fff}
body.light-mode .learning-card,
body.light-mode .learning-summary-card,
body.light-mode .learning-mini-card{background:#fff;box-shadow:0 4px 0 #d7e2e7;color:#131f24}
body.light-mode .learning-summary-card{background:linear-gradient(135deg,#f2fbff,#f4fff0)}
body.light-mode .learning-task,
body.light-mode .learning-list-item,
body.light-mode .learning-stat-grid div,
body.light-mode .achievement{background:#f1f5f7;box-shadow:none}

@media(max-width:420px){
    .home-feature-grid{gap:7px;margin-left:14px;margin-right:14px;margin-bottom:22px}
    .home-feature-tile{min-height:84px;border-radius:15px;padding:9px 5px 8px}
    .home-feature-icon{width:34px;height:34px;font-size:18px}
    .home-feature-tile strong{font-size:11px}
    .home-feature-tile small{font-size:8px}
}
#screen-home .hero-banner-container + .home-feature-grid{margin-top:-8px}


/* ========================================================================== 
   V8 — AKILLI ÖĞRENME / ZAYIFLIK RADARI / SPACED REPETITION
   ========================================================================== */
.smart-route-card{background:linear-gradient(145deg,#1f3341,#172930);box-shadow:0 5px 0 #102028,0 12px 24px rgba(28,176,246,.08)}
.smart-route-badge{font-size:10px;font-weight:900;padding:6px 9px;border-radius:999px;background:rgba(28,176,246,.13);color:#77dcff}
.smart-route-summary{margin:7px 0 12px;line-height:1.45}.smart-route-list{display:flex;flex-direction:column;gap:8px}.smart-route-step{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-radius:14px;background:#192b33;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.smart-route-order{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#102027;color:#81969f;font-size:9px;font-weight:900}.smart-route-icon{font-size:21px}.smart-route-copy{display:flex;flex-direction:column;min-width:0}.smart-route-copy strong{font-size:12px}.smart-route-copy small{font-size:9px;color:var(--text-muted);line-height:1.35;margin-top:2px}.smart-route-action{border:0;border-radius:10px;padding:7px 9px;background:var(--color-cyan);color:#06202b;font:inherit;font-size:9px;font-weight:900;box-shadow:0 3px 0 var(--shadow-cyan);cursor:pointer;white-space:nowrap}.smart-route-action:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow-cyan)}
.weakness-card{background:linear-gradient(145deg,#242b35,#1c2930)}.weakness-radar{display:flex;flex-direction:column;gap:11px}.weakness-row{display:flex;flex-direction:column;gap:6px}.weakness-row-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.weakness-row-top strong{font-size:12px;text-transform:capitalize}.weakness-row-top span{font-size:9px;color:var(--text-muted)}.weakness-track{height:9px;border-radius:999px;background:#111c21;overflow:hidden;box-shadow:inset 0 2px 3px rgba(0,0,0,.35)}.weakness-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffc800,#ff9600,#ff4b4b);box-shadow:0 0 9px rgba(255,150,0,.22)}.weakness-empty{display:flex;gap:12px;align-items:center;padding:11px;border-radius:13px;background:rgba(88,204,2,.06)}.weakness-empty>span{font-size:24px}.weakness-empty>div{display:flex;flex-direction:column}.weakness-empty strong{font-size:12px}.weakness-empty small{font-size:10px;color:var(--text-muted)}
.learning-card-head-wrap{flex-wrap:wrap}.learning-card-actions{display:flex;gap:6px}.srs-start-btn{background:rgba(206,130,255,.14)!important;color:#e2b3ff!important}.srs-status{font-size:11px;color:#aebdc2;background:#19282f;border-radius:12px;padding:9px 11px;margin:10px 0}.srs-status b{color:#ce82ff}.srs-review-modal{max-width:390px}.srs-rating{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.srs-rate{border:0;border-radius:12px;padding:9px 4px;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center;box-shadow:0 3px 0 rgba(0,0,0,.22)}.srs-rate strong{font-size:10px}.srs-rate small{font-size:8px;opacity:.8}.srs-again{background:#ff4b4b}.srs-hard{background:#ff9600}.srs-good{background:#1cb0f6}.srs-easy{background:#58cc02;color:#10200c}.srs-rate:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.22)}
body.light-mode .smart-route-card,body.light-mode .weakness-card{background:#fff}.light-mode .smart-route-step,.light-mode .srs-status{background:#f1f5f7}.light-mode .weakness-track{background:#e5edf0}.light-mode .smart-route-order{background:#e8f1f4;color:#53666e}
@media(max-width:480px){.smart-route-step{grid-template-columns:22px 30px 1fr;gap:7px}.smart-route-action{grid-column:3;justify-self:start;margin-top:3px}.weakness-row-top{align-items:flex-start;flex-direction:column;gap:2px}.srs-rating{grid-template-columns:repeat(2,1fr)}.learning-card-actions{width:100%}.learning-card-actions .learning-ghost-btn{flex:1}}