/* Slovra UI — generated V40 bundle. Source files are retained for rollback/maintenance. */

/* ===== SOURCE: assets/main.css ===== */
/* ==========================================================================
   1. DEĞİŞKENLER (VARIABLES) & TEMEL AYARLAR
   ========================================================================== */
:root {
    --bg-body: #131f24;
    --card-bg: #202f36;
    --color-green: #58cc02;
    --shadow-green: #46a302;
    --color-cyan: #1cb0f6;
    --shadow-cyan: #1899d6;
    --color-red: #ff4b4b;
    --shadow-red: #cc3c3c;
    --text-main: #ffffff;
    --text-muted: #afb6b8;
    --border-radius: 16px;
    
    /* Dark Mode varsayılanları */
    --bg: #141414;
    --bg-dark: #0f0f0f;
}

html { scrollbar-width: none; } /* Firefox */
body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: 'Nunito', sans-serif;
    margin: 0; padding: 0;
    user-select: none;
    -ms-overflow-style: none; /* IE/Edge */
}
::-webkit-scrollbar { display: none; } /* Chrome/Safari */

#app-container {
    max-width: 600px;
    margin: 0 auto;
    min-height: 100vh;
    padding-bottom: 80px; /* Navbar boşluğu */
}

/* Yardımcı Sınıflar */
.hidden { display: none !important; }
.content-padding { padding-bottom: 70px; }


/* ==========================================================================
   2. EKRAN YÖNETİMİ (SCREEN LOGIC)
   ========================================================================== */
.screen {
    display: none;
    opacity: 0;
    /* Loader bitene kadar görünmesin mantığı */
    visibility: hidden; 
    animation: popIn 0.3s;
}

.screen.active {
    display: block;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

@keyframes popIn {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}


/* ==========================================================================
   3. HEADER & ÜST BAR
   ========================================================================== */
.game-header {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg-body);
    position: sticky; top: 0; z-index: 50;
    border-bottom: 2px solid #2b3b42;
}

.left-header-group, .header-controls {
    display: flex; align-items: center; gap: 10px;
}

.profile-pic,
#settings-profile-pic {
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    position: relative;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.profile-pic {
    width: 35px;
    height: 35px;

    border: 2px solid var(--color-cyan);

    box-shadow:
        0 0 6px rgba(0,200,255,.45),
        0 0 12px rgba(0,120,200,.35);
}
.profile-pic:hover {
    transform: scale(1.08);
    box-shadow:
        0 0 10px rgba(0,220,255,.7),
        0 0 22px rgba(0,160,255,.6);
}
#settings-profile-pic {
    width: 65px;
    height: 65px;

    border: 3px solid var(--color-cyan);

    box-shadow:
        0 0 12px rgba(0,200,255,.55),
        0 0 26px rgba(0,140,255,.45),
        inset 0 0 6px rgba(255,255,255,.15);
}

#settings-profile-pic:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
    box-shadow:
        0 0 18px rgba(0,220,255,.8),
        0 0 38px rgba(0,160,255,.7);
}
body.dark-mode .profile-pic,
body.dark-mode #settings-profile-pic {
    box-shadow:
        0 0 14px rgba(0,220,255,.7),
        0 0 30px rgba(0,140,255,.6);
}
body.light-mode .profile-pic,
body.light-mode #settings-profile-pic {
    box-shadow:
        0 0 8px rgba(0,160,220,.4),
        0 0 16px rgba(0,120,200,.35);
}
.profile-pic::after,
#settings-profile-pic::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid rgba(0,200,255,.6);
    opacity: .6;
    animation: profilePulse 2.6s ease-in-out infinite;
    pointer-events: none;
}

@keyframes profilePulse {
    0%   { transform: scale(1); opacity: .4; }
    50%  { transform: scale(1.12); opacity: .8; }
    100% { transform: scale(1); opacity: .4; }
}

.header-btn { font-size: 20px; cursor: pointer; }

/* Flag Box (Bayrak Alanı) */
.flag-box {
    display: flex; align-items: center; gap: 6px; /* Güncel gap değeri */
    padding: 5px 10px; border-radius: 15px;
    background: var(--card-bg); border: 2px solid #37464f;
}

.flag-icon-small {
    width: 20px; height: 20px; border-radius: 100%;
    border: 2px solid #000; object-fit: cover;
}

.flag-badge {
    position: absolute; top: 15px; left: 15px;
    width: 25px; height: 25px; border-radius: 50%;
    object-fit: cover; border: 2px solid white;
}

/* İstatistik Alanları */
.streak-area {
    background: var(--card-bg); padding: 5px 10px;
    border-radius: 15px; border: 2px solid #ff9600;
    color: #ff9600; font-weight: 900; font-size: 13px;
}

.xp-area {
    background: var(--card-bg); padding: 5px 10px;
    border-radius: 15px; border: 2px solid #00eaff;
    color: #00eaff; font-weight: 900; font-size: 13px;
}

/* Stat XP (Küçük versiyon) */
.stat-xp {
    background: var(--card-bg);
    padding: 3px 7px; /* Güncel padding */
    border-radius: 14px; border: 2px solid #00eaff;
    color: #00eaff; font-weight: 800; font-size: 11px; /* Güncel font */
    display: inline-flex; align-items: center; gap: 3px;
    line-height: 1; width: fit-content;
}

.stat-pill {
    display: flex; align-items: center; gap: 8px;
    font-weight: 800; font-size: 15px;
}


/* ==========================================================================
   4. NAVBAR (ALT MENÜ - FIX VERSİYON)
   ========================================================================== */
/* En son gönderdiğin "NAVBAR FIX" versiyonu */
.bottom-nav {
    position: fixed;
    left: 50%; transform: translateX(-50%);
    bottom: 0;
    width: 100%; max-width: 600px;
    height: 60px;
    background: var(--card-bg);
    border-top: 2px solid #37464f;
    display: flex; justify-content: space-around; align-items: center;
    z-index: 80;
}

.nav-item {
    color: #ffffff; font-size: 26px; /* Fix'teki font boyutu */
    cursor: pointer; opacity: 0.85; transition: 0.2s;
}
.nav-item svg { width: 28px; height: 28px; margin-bottom: 2px; }
.nav-item span { display: none; } /* Yazıları gizle */
.nav-item.active { color: var(--color-cyan); opacity: 1; }


/* ==========================================================================
   5. AUTH (GİRİŞ) EKRANI - REDESIGN VERSİYON
   ========================================================================== */
#screen-auth {
    position: fixed !important; inset: 0;
    width: 100vw; height: 100vh;
    display: flex !important; justify-content: center; align-items: center;
    padding: 30px; box-sizing: border-box;
    z-index: 1000 !important;
    background: var(--bg-body); /* Arkaplan eklendi */
}

.auth-box {
    width: 100%; max-width: 380px;
    background: #1e1e23; /* Redesign rengi */
    padding: 35px 30px;
    border-radius: 20px; text-align: center;
    box-shadow: 0 15px 60px rgba(0,0,0,0.4);
    border: none; /* Redesign'da border kaldırılmıştı veya gölge ile değiştirilmişti */
    animation: authPop 0.4s ease;
}

@keyframes authPop {
    0% { transform: scale(0.85); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.auth-logo { margin-bottom: -15px; } /* Logo ayarı */

.auth-logo img {
    width: 80px; height: 80px; border-radius: 20px;
    object-fit: contain; margin-bottom: 15px;
    filter: drop-shadow(0 0 4px rgba(255,255,255,0.25));
}

.logo { font-size: 58px; font-weight: 800; letter-spacing: -1px; display: inline-flex; align-items: baseline; }
.logo-dot { font-size: 40px; line-height: 0; position: relative; top: 5px; margin-left: 0px; animation: rainbowGlow 3s linear infinite; }
@keyframes rainbowGlow { 0%, 100% { color: #8b5cf6; } 50% { color: #ec4899; } }

.auth-title {
    font-size: 28px; font-weight: 800; margin-bottom: 10px;
    color: #00d0ff;
}

/* Inputlar */
.input-field {
    width: 100%; padding: 14px;
    border-radius: 10px; margin-bottom: 15px;
    border: none; outline: none;
    font-size: 16px; background: #2b2b31;
    color: white; box-sizing: border-box;
    transition: 0.2s;
}
.input-field:focus { background: #323238; border: 1px solid #00c3ff; box-shadow: 0 0 6px rgba(0, 255, 255, 0.35); }


/* ==========================================================================
   6. UI BİLEŞENLERİ (BUTONLAR)
   ========================================================================== */
.big-btn {
    width: 100%; padding: 14px; /* Redesign padding */
    border-radius: 14px; font-size: 17px; font-weight: 800;
    border: none; cursor: pointer; text-transform: uppercase;
    color: white; margin-top: 5px; margin-bottom: 12px;
    box-shadow: 0 4px 0 rgba(0,0,0,0.2);
    transition: transform 0.1s, box-shadow 0.1s, opacity 0.2s, background-color 0.2s;
}
.big-btn:active { transform: translateY(2px); box-shadow: 0 2px 0 rgba(0,0,0,0.2); }

.btn-green { background: var(--color-green); box-shadow: 0 4px 0 var(--shadow-green); }
.btn-cyan { background: var(--color-cyan); box-shadow: 0 4px 0 var(--shadow-cyan); }
.btn-red { background: var(--color-red); box-shadow: 0 4px 0 var(--shadow-red); }

/* Login Buton Özel Durumları */
.login-btn { position: relative; transition: 0.25s ease; font-weight: 700; letter-spacing: 0.5px; }
.login-btn:active { transform: scale(0.95); }
.login-btn.loading { pointer-events: none; background: #00a8ff !important; box-shadow: 0 4px 0 #007bb3 !important; opacity: 0.9; }
.login-btn.success { background: #22c55e !important; box-shadow: 0 4px 0 #15803d !important; }
.login-btn.error { background: #ef4444 !important; box-shadow: 0 4px 0 #b91c1c !important; }

/* Outline Butonlar */
.btn-outline {
    background: transparent !important; border: 2px solid #3a3a40 !important;
    color: #cfcfcf !important; box-shadow: none !important; margin-bottom: 0 !important;
}
.btn-outline:hover { background: #33333a !important; }
.btn-outline:active { transform: none; box-shadow: none; }

/* Beyaz Outline Buton */
.big-btn.btn-outline-white {
    background: transparent; border: 2px solid rgba(255,255,255,0.85);
    color: #fff; box-shadow: none; padding: 14px 0;
    border-radius: 14px; font-weight: 700; transition: 0.15s;
}
.big-btn.btn-outline-white:hover { background: rgba(255,255,255,0.12); }
.big-btn.btn-outline-white:active { background: rgba(255,255,255,0.25); }

/* Spinner */
.login-spinner {
    width: 18px; height: 18px; border: 3px solid rgba(255,255,255,0.3);
    border-top-color: white; border-radius: 50%;
    animation: spin 0.75s linear infinite; display: inline-block; vertical-align: middle;
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/* ==========================================================================
   7. ANA SAYFA & ÜNİTELER
   ========================================================================== */
.hero-banner {
    position: relative;
    overflow: hidden;

    background: linear-gradient(
        135deg,
        #1f2a30 0%,
        #192328 45%,
        #131b1f 100%
    );

    border-radius: 24px;
    padding: 32px 22px;
    text-align: center;

    margin: 20px 20px 30px;
    border: none;

    /* Neon alt vurgu (animasyonlu) */
    box-shadow:
        0 12px 0 rgba(0,0,0,.25),
        0 16px 26px rgba(0, 255, 255, .55);

    animation:
        heroPop .6s ease-out,
        neonShift 6s linear infinite;
}

/* Yazı tipleri */
.hero-title {
    font-family: "Nunito", "Poppins", system-ui, sans-serif;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: -0.3px;
}

#welcome-msg {
    font-family: "Inter", "Poppins", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.1px;
}

/* Işık dokusu */
.hero-banner::before {
    content: "";
    position: absolute;
    inset: -40%;

    background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 40%),
        radial-gradient(circle at 70% 60%, rgba(255,255,255,.12), transparent 45%);

    animation: heroFloat 8s linear infinite;
    pointer-events: none;
}

/* Başlık */
.hero-banner h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 0 2px 0 rgba(0,0,0,.2);
    animation: heroBounce .8s ease-out;
}

/* Alt metin */
.hero-banner p {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,.92);
}

/* Hover – aynı neon ama biraz güçlü */
.hero-banner:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 0 rgba(0,0,0,.3),
        0 20px 34px rgba(0, 255, 255, .7);
}

/* ================= ANİMASYONLAR ================= */

@keyframes heroPop {
    from { transform: scale(.95); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

@keyframes heroBounce {
    0%   { transform: translateY(-6px); }
    60%  { transform: translateY(2px); }
    100% { transform: translateY(0); }
}

@keyframes heroFloat {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* NEON RENK DÖNGÜSÜ */
@keyframes neonShift {
    0% {
        box-shadow:
            0 12px 0 rgba(0,0,0,.25),
            0 16px 26px rgba(0, 255, 255, .55); /* cyan */
    }
    33% {
        box-shadow:
            0 12px 0 rgba(0,0,0,.25),
            0 16px 26px rgba(255, 0, 255, .55); /* magenta */
    }
    66% {
        box-shadow:
            0 12px 0 rgba(0,0,0,.25),
            0 16px 26px rgba(0, 255, 120, .55); /* green */
    }
    100% {
        box-shadow:
            0 12px 0 rgba(0,0,0,.25),
            0 16px 26px rgba(0, 255, 255, .55);
    }
}

/* =========================================
   HERO BANNER – LIGHT MODE
   Sürekli Neon Renk Değiştiren Alt Vurgu
   ========================================= */

body.light-mode .hero-banner {
    position: relative;
    overflow: hidden;

    /* Beyaz / açık kart */
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f5f7f9 45%,
        #eef1f4 100%
    );

    border-radius: 24px;
    padding: 32px 22px;
    text-align: center;

    margin: 20px 20px 30px;
    border: 1px solid #e5e7eb;

    /* NEON ALT VURGU (animasyonlu) */
    box-shadow:
        0 8px 0 rgba(0,0,0,.08),
        0 16px 26px rgba(0, 200, 255, .5);

    animation:
        heroPop .6s ease-out,
        neonShiftLight 6s linear infinite;
}

/* Işık efekti – light mode */
body.light-mode .hero-banner::before {
    content: "";
    position: absolute;
    inset: -40%;

    background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), transparent 40%),
        radial-gradient(circle at 70% 60%, rgba(255,255,255,.7), transparent 45%);

    animation: heroFloat 8s linear infinite;
    pointer-events: none;
}

/* Başlık */
body.light-mode .hero-banner h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    color: #111827;
    text-shadow: none;
    animation: heroBounce .8s ease-out;
}

/* Alt metin */
body.light-mode .hero-banner p {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #4b5563;
}

/* Hover – aynı neon ama biraz güçlü */
body.light-mode .hero-banner:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 0 rgba(0,0,0,.1),
        0 20px 34px rgba(0, 200, 255, .7);
}

/* ================= ANİMASYONLAR ================= */

@keyframes heroPop {
    from { transform: scale(.95); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

@keyframes heroBounce {
    0%   { transform: translateY(-6px); }
    60%  { transform: translateY(2px); }
    100% { transform: translateY(0); }
}

@keyframes heroFloat {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* LIGHT MODE – NEON RENK DÖNGÜSÜ */
@keyframes neonShiftLight {
    0% {
        box-shadow:
            0 8px 0 rgba(0,0,0,.08),
            0 16px 26px rgba(0, 200, 255, .5);   /* cyan */
    }
    33% {
        box-shadow:
            0 8px 0 rgba(0,0,0,.08),
            0 16px 26px rgba(255, 0, 200, .5);   /* magenta */
    }
    66% {
        box-shadow:
            0 8px 0 rgba(0,0,0,.08),
            0 16px 26px rgba(0, 220, 120, .5);   /* green */
    }
    100% {
        box-shadow:
            0 8px 0 rgba(0,0,0,.08),
            0 16px 26px rgba(0, 200, 255, .5);
    }
}



.overall-progress {
    width: 90%;
    max-width: 320px;
    height: 14px;
    background: #10171c;
    border-radius: 999px;
    overflow: hidden;
    margin: 16px auto 6px;
    position: relative;
    box-shadow:
        inset 0 0 8px rgba(0,0,0,.9),
        0 0 10px rgba(255,60,0,.25);
}

/* ALEV */
.overall-progress-fill {
    height: 100%;
    width: 0%;
    position: relative;
    border-radius: inherit;

    /* sıcak alev renkleri */
    background:
        linear-gradient(
            90deg,
            #ff2400,
            #ff6a00,
            #ffd000,
            #ff6a00,
            #ff2400
        );
    background-size: 300% 100%;

    animation:
        flameFlow 1.2s linear infinite,
        flamePulse .7s ease-in-out infinite;

    box-shadow:
        0 0 8px rgba(255,90,0,.9),
        0 0 18px rgba(255,40,0,.8),
        0 0 30px rgba(255,20,0,.5);
}

/* ALEV DİLLERİ */
.overall-progress-fill::before,
.overall-progress-fill::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.overall-progress-fill::before {
    top: -10px;
    height: 22px;
    background:
        radial-gradient(circle at 15% 80%, rgba(255,220,120,.95), transparent 65%),
        radial-gradient(circle at 45% 50%, rgba(255,120,0,.9), transparent 70%),
        radial-gradient(circle at 75% 80%, rgba(255,60,0,.85), transparent 65%);
    filter: blur(1.5px);
    animation: flameFlicker .35s infinite alternate;
}

.overall-progress-fill::after {
    top: -16px;
    height: 34px;
    background:
        radial-gradient(circle at 25% 90%, rgba(255,255,200,.9), transparent 70%),
        radial-gradient(circle at 60% 60%, rgba(255,160,0,.85), transparent 75%),
        radial-gradient(circle at 85% 85%, rgba(255,80,0,.8), transparent 70%);
    filter: blur(3px);
    animation: flameFlicker .25s infinite alternate-reverse;
}

/* ALEV HAREKETLERİ */
@keyframes flameFlow {
    from { background-position: 0% 50%; }
    to   { background-position: 300% 50%; }
}

@keyframes flamePulse {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.35); }
    100% { filter: brightness(1); }
}

@keyframes flameFlicker {
    from { opacity: .65; transform: translateY(0); }
    to   { opacity: 1; transform: translateY(-4px); }
}

/* LABEL */
.progress-label {
    color: #ffb347;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .3px;
}

/* Grid */
.quiz-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 20px 20px;
}

/* Kart */
.duo-card {
    background: var(--card-bg);
    border-radius: 18px;
    padding: 22px 16px;

    position: relative;
    cursor: pointer;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    /* Duolingo kart gölgesi */
    box-shadow:
        0 6px 0 rgba(0,0,0,.18);

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

/* Hover – Duolingo “press” hissi */
.duo-card:hover {
    transform: translateY(-2px);
    box-shadow:
        0 8px 0 rgba(0,0,0,.22);
}

/* Active – basılınca çöksün */
.duo-card:active {
    transform: translateY(2px);
    box-shadow:
        0 3px 0 rgba(0,0,0,.25);
}

/* İkon dairesi */
.card-icon-circle {
    background: rgba(255,255,255,0.35);
    width: 54px;
    height: 54px;

    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 26px;
    margin-bottom: 10px;

    /* Duolingo ikon hissi */
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.4),
        0 3px 0 rgba(0,0,0,.15);
}

/* Test sayısı */
.test-count {
    margin-top: 6px;

    font-size: 11px;
    font-weight: 900;

    background: rgba(0,0,0,.25);
    padding: 4px 8px;
    border-radius: 999px;

    letter-spacing: .3px;
}


/* Tema Renkleri */
.theme-0 { background: var(--color-green); box-shadow: 0 4px 0 var(--shadow-green); color: white; }
.theme-1 { background: var(--color-cyan); box-shadow: 0 4px 0 var(--shadow-cyan); color: white; }
.theme-2 { background: #ce82ff; box-shadow: 0 4px 0 #a568cc; color: white; }
.theme-3 { background: #ff9600; box-shadow: 0 4px 0 #cc7800; color: white; }


/* ==========================================================================
   8. TEST LİSTESİ & QUIZ EKRANI
   ========================================================================== */
.test-list-container { padding: 0 20px 20px; }

.test-row {
    background: var(--card-bg); border: 2px solid #37464f;
    border-radius: 16px; padding: 15px 20px; margin-bottom: 10px;
    display: flex; justify-content: space-between; align-items: center;
    cursor: pointer; transition: 0.2s;
}
.test-row h3 { margin: 0; font-size: 16px; font-weight: 800; }
.test-row span { font-size: 12px; color: var(--text-muted); font-weight: 600; }

.start-badge {
    background: var(--color-green); color: white; padding: 8px 12px;
    border-radius: 12px; font-size: 12px; font-weight: 900;
    box-shadow: 0 3px 0 var(--shadow-green);
}
.completed-badge {
    background: var(--color-cyan); color: white; padding: 8px 12px;
    border-radius: 12px; font-size: 12px; font-weight: 900;
    box-shadow: 0 3px 0 var(--shadow-cyan);
}

/* Quiz Ekranı */
#screen-quiz { display: flex; flex-direction: column; min-height: 100vh; }
.quiz-header { padding: 20px; display: flex; align-items: center; gap: 12px; border-bottom: none; }
.quiz-close-btn { font-size: 24px; cursor: pointer; color: var(--text-muted); }
.quiz-header-center { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.quiz-step-info { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-muted); font-weight: 700; }

.progress-bar-bg {
    flex-grow: 1; height: 12px; background: #37464f;
    border-radius: 6px; overflow: hidden; border: 1px solid #37464f;
}
.progress-fill {
    height: 100%; width: 0%; background: var(--color-green);
    border-radius: 6px; transition: width 0.3s ease-in-out;
}


.quiz-content-wrapper { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-start; 
    
    /* --- YENİ EKLENTİ: Sabit butona yer açma --- */
    padding-bottom: 80px; 
    /* --------------------------------------------- */
}

.question-text-area { 
    padding: 20px; 
    text-align: left; 
    max-width: 500px; 
    
    /* YENİ VE DETAYLI MARJİN AYARI */
    margin-top: -5px;      /* Soru Metnini yukarı kaydır */
    margin-right: auto;    /* Yatayda ortala */
    margin-left: auto;     /* Yatayda ortala */
    
    /* Şıklarla arasına 25 piksel boşluk koy */
    margin-bottom: 2px;   /* ⬅️ Bu değeri ayarlayarak alt boşluğu kontrol edebilirsiniz */
}
.question-text-area h1 { 
    font-size: 24px; 
    font-weight: 900; 
    line-height: 1.4; 
    margin: 0; 
    color: var(--text-main); 
}

.options-container { padding: 0 20px; display: flex; flex-direction: column; gap: 8px; }
/* --- GÜNCELLENMİŞ: KOMPAKT ŞIK KARTLARI (.opt-btn) --- */
.opt-btn {
    background: var(--card-bg); 
    
    /* GÖLGE VE ÇİZGİ KORUMASI */
    border: 2px solid #37464f;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Yumuşak bir gölge */
    
    /* KOMPAKT YAPMA: Padding küçültülüyor */
    padding: 12px 14px; /* ⬅️ 18px'ten 12px'e düşürüldü (Daha az dikey yer kaplar) */
    
    border-radius: 16px; 
    color: white;
    
    /* Font boyutu aynı kalsın ki okunurluk bozulmasın */
    font-size: 18px; 
    font-weight: 700; 
    cursor: pointer; 
    text-align: left;

    transition: all 0.2s ease;
}
/* Hover, Selected, Correct, Wrong stilleri aynı kalsın */

/* Light Mode için (Kompakt padding'i koruyoruz) */
body.light-mode .opt-btn { 
    background: #ffffff !important; 
    color: #111 !important; 
    border-color: #d0d0d0 !important;
    padding: 12px 14px !important; /* ⬅️ Light Mode padding'i de küçültüyoruz */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}
.opt-btn.selected { background: #ddf4ff; border-color: var(--color-cyan); color: #1899d6; font-weight: 800; }
.opt-btn.correct { background: #d7ffb8; border-color: var(--color-green); color: #58cc02; }
.opt-btn.wrong { background: #ffdfe0; border-color: var(--color-red); color: #ea2b2b; }

.open-answer-input {
    width: 100%; max-width: 600px; margin: 0 auto; display: block;
    background: var(--card-bg); border: 2px solid #37464f;
    border-radius: 16px; padding: 16px 18px;
    font-size: 18px; font-weight: 700; color: white; box-sizing: border-box; outline: none;
    transition: border-color 0.15s ease;
}
.open-answer-input:focus { border-color: var(--color-cyan); }
#open-feedback-box { max-width: 600px; margin: 10px auto 0 auto; display: block; }


/* --- GÜNCELLENMİŞ: KONTROL ET BUTONU SABİTLEME (FIXED) --- */
/* --- GÜNCEL KONTROL ALANI (KİBAR VE SABİT) --- */
.check-area {
    /* Sabitleme ve Konumlandırma */
    position: fixed;               
    bottom: 0;                     
    left: 50%;                     
    transform: translateX(-50%);   
    
    width: 100%;                   
    max-width: 600px;              
    z-index: 70;                   
    
    /* YENİ: Tek butonu ortalamak için sadece text-align kullanıyoruz */
    display: block;                /* Flex yapısını kaldırdık */
    text-align: center;            /* Butonu yatayda ortala */
    
    /* Görünüm */
    background: var(--bg-body);    
    border-top: none !important; 
    box-shadow: 0 -8px 20px rgba(0,0,0,0.7); 
    padding: 10px 20px 20px 20px;  /* Alt boşluk navigasyona göre ayarlı */
    box-sizing: border-box;        
    transition: background 0.2s;   
}

/* Light Mode (Açık Tema) için Arka Planı Güncelle */
body.light-mode .check-area {
    background: #ffffff !important; 
    box-shadow: 0 -8px 20px rgba(0,0,0,0.15) !important; 
}

/* KONTROL ET butonunun marjinini sıfırlayalım ki tam ortada dursun */
.check-area #check-btn {
    margin: 0 auto 0 auto !important;
}



/* ==========================================================================
   ⭐ 9. AI & NEON BUTONLAR (ULTRA NEON KORUNDU)
   ========================================================================== */
/* ==========================================================================
   ⭐ 9. AI & NEON BUTONLAR (MINI ANİMASYON STİLİ)
   ========================================================================== */

.ai-explain-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.ai-explain-btn {
    width: 120px;
    flex-shrink: 0;

    position: relative;
    padding: 8px 8px;
    border: none;
    border-radius: 30px;

    font-size: 13px;
    font-weight: 800;
    color: white;
    background: #0f0f0f;

    cursor: pointer;
    transition: 0.25s ease;
    overflow: hidden;
    filter: brightness(1.25);

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Disabled */
.ai-explain-btn:disabled {
    cursor: not-allowed;
    filter: grayscale(50%) brightness(0.8) !important;
    opacity: 0.8 !important;
    pointer-events: none;
    animation: none !important;
}

/* 🔮 MINI TARZI NEON HALO (ÖLÇÜLER AYNI) */
.ai-explain-btn::before {
    content: "";
    position: absolute;

/* ⬅️ final taşma */
top: -135%;
left: -135%;
width: 370%;
height: 370%;



    background: conic-gradient(
        #ff00c8,
        #a327ff,
        #4f6bff,
        #00d4ff,
        #00ffcc,
        #ffee00,
        #ff0059,
        #ff00c8
    );

    opacity: 0.65;
    border-radius: 50%;
    z-index: -1;

    animation: miniSpin 2.1s linear infinite,
               miniPulse 2.2s ease-in-out infinite;
}

/* mini animasyon mantığı */
@keyframes miniSpin {
    0%   { transform: rotate(0deg); }
    30%  { transform: rotate(160deg); }
    60%  { transform: rotate(220deg); }
    100% { transform: rotate(360deg); }
}

@keyframes miniPulse {
    0%   { opacity: 0.45; }
    50%  { opacity: 0.85; }
    100% { opacity: 0.45; }
}

/* İç karartma */
.ai-explain-btn::after {
    content: "";
    position: absolute;
    inset: 4px;
    background: #161616;
    border-radius: inherit;
    z-index: -1;
}

/* Normal (hover yokken) */
.ai-explain-btn:enabled {
    box-shadow: 0 0 30px rgba(190, 90, 255, 0.85);
}

/* 🌈 Rengârenk neon hover */
.ai-explain-btn:enabled:hover {
    transform: scale(1.07);
    box-shadow:
        0 0 18px rgba(255, 215,   0, 0.85), /* sarı */
        0 0 32px rgba(220,  20,  60, 0.9),  /* kırmızı */
        0 0 48px rgba( 10,  30, 120, 0.9),  /* lacivert */
        0 0 64px rgba(140,  60, 200, 0.9),  /* mor */
        0 0 80px rgba(255, 140,   0, 0.85); /* turuncu */
}


/* AI Modal */
.ai-modal {
    position: fixed; left: 0; right: 0; bottom: 22px;
    display: flex; justify-content: center; width: 100%;
    pointer-events: none; z-index: 9999;
}
.ai-modal-content {
    width: 90%; max-width: 450px; background: #111318;
    border-radius: 14px; padding: 16px; border: 1px solid #2b2b2b;
    color: white; pointer-events: auto; box-shadow: 0 12px 28px rgba(0,0,0,0.55);
    animation: aiSlideUp 0.25s ease-out;
}
@keyframes aiSlideUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }

.ai-modal-header { display: flex; justify-content: space-between; font-weight: 700; margin-bottom: 12px; }
.ai-close-btn { background: none; border: none; color: #bbb; font-size: 20px; cursor: pointer; }
.ai-close-btn:hover { color: #ff4b4b; }
.ai-explain-text { font-size: 14px; color: #ddd; white-space: pre-line; max-height: 220px; overflow-y: auto; }

/* ==========================================================================
   ⭐ AI MINI BUTTON – ULTRA NEON (MINI FINAL)
   ========================================================================== */

.ai-mini-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 6px;
}

.ai-mini-btn {
    position: relative;
    padding: 7px 14px;
    border: none;
    border-radius: 24px;

    font-size: 11px;
    font-weight: 700;
    color: white;
    background: #0f0f0f;

    cursor: default;
    transition: 0.25s ease;
    overflow: hidden;
    opacity: 1;
    filter: brightness(1.2);
}

/* 🔮 MINI NEON HALO – siyahlık fixli */
.ai-mini-btn::before {
    content: "";
    position: absolute;

    /* büyük butondaki final mantığın miniye oranlanmış hali */
    top: -125%;
    left: -125%;
    width: 350%;
    height: 350%;

    background: conic-gradient(
        #ff00c8,
        #a327ff,
        #4f6bff,
        #00d4ff,
        #00ffcc,
        #ffee00,
        #ff0059,
        #ff00c8
    );

    opacity: 0.65;
    border-radius: 50%;
    z-index: -1;

    animation: miniSpin 2.1s linear infinite,
               miniPulse 2.2s ease-in-out infinite;
}

/* animasyonlar AYNEN */
@keyframes miniSpin {
    0%   { transform: rotate(0deg); }
    30%  { transform: rotate(160deg); }
    60%  { transform: rotate(220deg); }
    100% { transform: rotate(360deg); }
}

@keyframes miniPulse {
    0%   { opacity: 0.45; }
    50%  { opacity: 0.85; }
    100% { opacity: 0.45; }
}

/* iç karartma */
.ai-mini-btn::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #161616;
    border-radius: inherit;
    z-index: -1;
}

/* normal durum */
.ai-mini-btn {
    box-shadow: 0 0 18px rgba(190, 90, 255, 0.75);
}

/* 🌈 MINI RENGÂRENK HOVER (yakın, küçük ama çok renkli) */
.ai-mini-btn:hover {
    transform: none; /* sabit kalsın */
    box-shadow:
        0 0 6px  rgba(255, 215,   0, 0.85), /* sarı */
        0 0 10px rgba(220,  20,  60, 0.9),  /* kırmızı */
        0 0 14px rgba( 10,  30, 120, 0.9),  /* lacivert */
        0 0 18px rgba(140,  60, 200, 0.9),  /* mor */
        0 0 22px rgba(255, 140,   0, 0.85); /* turuncu */
}



/* ==========================================================================
   10. MODALLAR (LOADING & PREMIUM)
   ========================================================================== */
.modal-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.65);
    display: flex; justify-content: center; align-items: center; z-index: 99999;
}
/* Blur efekti */
body:not(.light-mode) .modal-overlay { backdrop-filter: blur(2px); }

.modal-content {
    background: var(--card-bg); padding: 30px; border-radius: 20px;
    text-align: center; width: 80%; max-width: 400px; border: 2px solid var(--color-cyan);
}
.result-stats { display: flex; justify-content: space-around; gap: 20px; margin: 20px 0 10px; }
.stat-item { text-align: center; } .stat-value { font-size: 22px; font-weight: 900; }

/* Premium Modal */
.pro-modal {
    background: var(--card-bg); padding: 28px; border-radius: 18px;
    width: 85%; max-width: 420px; text-align: center;
    border: 1px solid rgba(0,255,200,0.18); box-shadow: 0 12px 28px rgba(0,0,0,0.45);
}
.pro-features {
    margin-top: 15px; text-align: left; background: rgba(255,255,255,0.05);
    padding: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1);
    font-size: 14px; color: #dfe6ee;
}
.pro-features div { margin-bottom: 8px; display: flex; align-items: center; }
.pro-features div::before { content: "✔"; font-weight: 900; color: #00ffcc; margin-right: 8px; }

/* Loaders */
#app-loader {
    position: fixed !important; inset: 0; width: 100vw; height: 100vh;
    background: rgba(10,10,10,0.6); backdrop-filter: blur(5px);
    display: flex; justify-content: center; align-items: center;
    z-index: 999999 !important; opacity: 1; transition: opacity 0.3s ease;
}
#app-loader.hidden { opacity: 0; pointer-events: none; }

.loading-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(20, 25, 40, 0.88) 0%, rgba(10, 14, 27, 0.95) 40%, rgba(5, 6, 20, 0.98) 100%);
    backdrop-filter: blur(10px); box-shadow: inset 0 0 120px rgba(0, 255, 120, 0.12);
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    z-index: 99999; opacity: 0; pointer-events: none; transition: opacity .35s ease;
}
.loading-overlay.active { opacity: 1; pointer-events: all; }

.loading-gif {
    width: 90px; height: auto; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.4));
    animation: pulse 1.4s infinite ease-in-out;
}
.loader-text {
    margin-top: 20px; font-size: 18px; letter-spacing: 0.5px;
    color: #c2faff; animation: loader-blink 1.2s ease-in-out infinite;
}
@keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.85; } 100% { transform: scale(1); opacity: 1; } }
@keyframes loader-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

/* Diğer Sayfalar */
.leader-header { text-align: center; margin-bottom: 25px; }
.leader-title { font-size: 24px; font-weight: 800; color: var(--color-cyan); }
.leader-subtitle { font-size: 18px; font-weight: 800; color: var(--text-main); }
.leader-item {
    background: var(--card-bg); padding: 12px 15px; border-radius: 14px;
    margin-bottom: 12px; display: flex; align-items: center; gap: 14px; border: 1px solid #2a3338;
}
.leader-avatar { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #333; }
.leader-info { flex: 1; }
.leader-name { font-weight: 700; font-size: 16px; }
.leader-xp { color: #58cc02; font-weight: 800; font-size: 14px; }
.medal { font-size: 26px; width: 38px; text-align: center; }
.gold { color: #ffd700; } .silver { color: #c0c0c0; } .bronze { color: #cd7f32; }
.rank-number { font-size: 20px; font-weight: 800; width: 38px; text-align: center; color: #6d7a84; }

.contribute-container { padding: 15px; }
.contribute-header { text-align: center; margin-bottom: 20px; }
.contribute-header h2 { font-size: 22px; font-weight: 900; color: var(--color-cyan); margin-bottom: 6px; }
.contribute-header p { color: var(--text-muted); font-size: 14px; line-height: 1.4; }
.contribute-card {
    background: #111b20; padding: 20px; border-radius: 14px;
    box-shadow: 0 4px 0 #0a1216; border: 1.5px solid #233036;
    display: flex; flex-direction: column; gap: 14px;
}
.contribute-card label { font-weight: 700; font-size: 14px; margin-top: 5px; }
.textarea { height: 80px; resize: none; padding-top: 12px; }
.profile-card { background: var(--card-bg); padding: 15px; border-radius: 12px; margin-bottom: 20px; border: 1px solid #37464f; }
.settings-area .big-btn { height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.theme-btn { flex: 1; padding: 14px 0 !important; font-size: 16px; border-radius: 12px; font-weight: 700; text-align: center; }


/* ==========================================================================
   11. LIGHT MODE (AÇIK TEMA) - TÜM OVERRIDE'LAR BURADA
   ========================================================================== */
body.light-mode { background: #f7f8fa !important; color: #111 !important; }

/* Beyaz Arka Plan & Siyah Yazı Dönüşümleri */
body.light-mode .game-header,
body.light-mode .hero-banner,
body.light-mode .leader-item,
body.light-mode .contribute-card,
body.light-mode .settings-area,
body.light-mode .profile-card,
body.light-mode .flag-box,
body.light-mode .bottom-nav,
body.light-mode .test-list-container,
body.light-mode .test-row,
body.light-mode #screen-quiz,
body.light-mode .question-text-area,
body.light-mode .options-container,
body.light-mode .ai-modal-content,
body.light-mode .modal-content,
body.light-mode .pro-modal {
    background: #ffffff !important;
    color: #111 !important;
    border-color: #ddd !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

/* Gradient Banner Fix */
body.light-mode .hero-banner { background: linear-gradient(135deg, #fff, #f2f4f6) !important; }

/* Inline Stil Temizliği (HTML içinde style="..." varsa onları ezer) */
body.light-mode [style*="background:#14181d"], body.light-mode [style*="background: #14181d"],
body.light-mode [style*="background:#0f0f10"], body.light-mode [style*="background: #0f0f10"] {
    background: #ffffff !important; color: #111 !important; border-color: #ddd !important;
}

/* Tüm çocuk elementlerin yazı rengini zorla siyah yap */
body.light-mode .game-header *, body.light-mode .hero-banner *, body.light-mode .leader-item *,
body.light-mode .contribute-card *, body.light-mode .settings-area *, body.light-mode .flag-box *,
body.light-mode .bottom-nav *, body.light-mode .test-list-container *, body.light-mode .test-row *,
body.light-mode #screen-quiz *, body.light-mode .ai-modal-content *, body.light-mode .streak-area * {
    color: #111 !important;
}

/* Streak Area Özel */
body.light-mode .streak-area {
    background: #ffffff !important; color: #ff9600 !important; border: 2px solid #ff9600 !important;
}

/* XP Area Özel */
body.light-mode .xp-area {
    background: #ffffff !important; border: 2px solid #009ac2 !important; color: #009ac2 !important;
}

/* Inputlar */
body.light-mode input, body.light-mode textarea, body.light-mode select {
    background: #ffffff !important; color: #111 !important; border: 1px solid #ccc !important;
}

/* Quiz Seçenekleri */
body.light-mode .opt-btn { background: #ffffff !important; color: #111 !important; border-color: #d0d0d0 !important; }
body.light-mode .opt-btn:hover { border-color: #3b82f6 !important; }
body.light-mode .opt-btn.selected { background: #e6f2ff !important; border-color: #3b82f6 !important; }
body.light-mode .opt-btn.correct { background: #d1f7c4 !important; border-color: #4ade80 !important; }
body.light-mode .opt-btn.wrong { background: #ffd6d6 !important; border-color: #f87171 !important; }

/* Badges */
body.light-mode .completed-badge { background: #d1f7c4 !important; color: #1a5600 !important; }
body.light-mode .test-row .completed-badge { background: #d1f7c4 !important; color: #145c0b !important; }

/* Progress Bar */
body.light-mode .progress-bar-bg { background: #e5e7eb !important; }
body.light-mode .progress-fill { background: var(--color-cyan) !important; }

/* AI Modal Blur */
body.light-mode .ai-explain-wrapper, body.light-mode .ai-modal {
    background: rgba(255, 255, 255, 0.75) !important; backdrop-filter: blur(6px);
}
body.light-mode #ai-explain-text { background: #fafafa !important; color: #111 !important; border: 1px solid #ddd !important; }

/* AI Button Text (Beyaz kalmalı) */
body.light-mode #ai-explain-btn, body.light-mode #ai-explain-btn * { color: #ffffff !important; }

/* White Outline Button */
body.light-mode .big-btn.btn-outline-white { border-color: #222 !important; color: #222 !important; }
body.light-mode .big-btn.btn-outline-white:hover { background: rgba(0,0,0,0.06) !important; }

/* Premium Modal Light */
body.light-mode .pro-modal { background: #ffffff !important; color: #222 !important; border: 1px solid #d0d0d0 !important; }
body.light-mode .pro-features { background: #f4f4f4 !important; border: 1px solid #dddddd !important; color: #333 !important; }
body.light-mode .pro-features div::before { color: #009f8c !important; }
body.light-mode .modal-overlay { backdrop-filter: blur(3px); }

/* ========================================================
   LIGHT MODE DÜZELTMESİ (DUO CARD YAZILARI)
   Bunu dosyanın EN ALTINA yapıştır.
   ======================================================== */

/* Kartın içindeki tüm div'lerin rengini zorla siyah yap */
body.light-mode .duo-card > div {
    color: #111 !important;
}

/* İkonun arka planını ve rengini düzelt */
body.light-mode .card-icon-circle {
    background: rgba(0,0,0,0.06) !important;
    color: #111 !important;
}

/* Test sayısının (örn: 0/5) arka planını ve rengini düzelt */
body.light-mode .test-count {
    background: rgba(0,0,0,0.06) !important;
    color: #555 !important;
}

/* ========================================================
   SON DÜZELTMELER: LIGHT MODE (LOADER & LOGIN & AUTH)
   Bunu main.css dosyasının EN ALTINA yapıştır.
   ======================================================== */

/* 1. APP LOADER & TEST LOADER - BEYAZ TEMA */
body.light-mode #app-loader,
body.light-mode .loading-overlay {
    background: rgba(255, 255, 255, 0.98) !important; /* Tamamen beyaz arka plan */
    backdrop-filter: blur(5px);
}

/* Loader içindeki yazıların rengi */
body.light-mode .loader-text,
body.light-mode .loading-text {
    color: #333333 !important; /* Koyu gri yazı */
    text-shadow: none !important;
}

/* Loader hizalama düzeltmesi (Kaymayı önler) */
.loader-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.loader-gif {
    display: block !important;
    margin: 0 auto -10px auto !important; /* Ortala ve alttan boşluk bırak */
}


/* 2. LOGIN (AUTH) EKRANI - BEYAZ TEMA */
body.light-mode #screen-auth {
    background: #f0f2f5 !important; /* Ekranın geneli açık gri */
}

body.light-mode .auth-box {
    background: #ffffff !important; /* Giriş kutusu tamamen beyaz */
    border: 1px solid #e1e4e8 !important; /* İnce gri çerçeve */
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important; /* Hafif gölge */
}

/* Login Ekranındaki Başlıklar */
body.light-mode .auth-title {
    color: #1cb0f6 !important; /* Başlık mavi kalsın */
}

/* Login Input Alanları */
body.light-mode .input-field {
    background: #ffffff !important;
    border: 2px solid #e5e5e5 !important;
    color: #111111 !important;
}
body.light-mode .input-field:focus {
    border-color: #1cb0f6 !important;
    background: #ffffff !important;
}

/* Login Butonları */
body.light-mode .btn-outline {
    border-color: #ccc !important;
    color: #555 !important;
}
body.light-mode .btn-outline:hover {
    background: #f0f0f0 !important;
}

/* ========================================================
   ANA LOADER (APP-LOADER) LOGO BOYUTU FIX
   Bunu dosyanın en altına ekle.
   ======================================================== */

#app-loader .loader-gif {
    width: 90px !important;       /* Genişliği sabitler (İstersen 80px yapabilirsin) */
    height: auto !important;      /* Orantıyı korur */
    max-width: 90px !important;   /* Asla bu boyutu geçemesin */
    margin-bottom: -10px !important; /* Yazı ile arasını ayarlar */
    display: block !important;
}

/* Logonun ve yazının tam ortada durmasını garantiye alalım */
#app-loader .loader-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* ========================================================
   AÇIK UÇLU SORU GERİ BİLDİRİM KUTUSU FIX (LIGHT MODE)
   Bunu main.css dosyasının EN ALTINA yapıştır.
   ======================================================== */

body.light-mode #open-feedback-box {
    background: #ffffff !important;       /* Koyu gri yerine beyaz arka plan */
    border: 1px solid #e5e5e5 !important; /* Koyu çerçeve yerine ince gri */
    color: #111 !important;               /* Genel yazı rengi siyah */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; /* Hafif modern gölge */
}

/* Kutucuk içindeki "Doğru cevap:" yazısının rengini de garantiye alalım */
body.light-mode #open-feedback-box span,
body.light-mode #open-feedback-box b {
    /* Renkleri (Kırmızı/Yeşil) koruyoruz ama okunabilirliği artırıyoruz */
    font-weight: 800 !important; 
}

/* ========================================================
   SETTINGS KARTLARI (ORİJİNAL TASARIM RESTORE)
   Bunu dosyanın EN ALTINA yapıştır.
   ======================================================== */

.profile-card {
    /* Orijinal inline stildeki değerler */
    background: #14181d !important;
    padding: 18px !important;
    border-radius: 14px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;
    border: none !important; /* Önceki CSS'ten gelen border'ı iptal et */
}

/* Light Mode için özel ayar (Yoksa beyazda kaybolur) */
body.light-mode .profile-card {
    background: #ffffff !important;
    border: 1px solid #ddd !important; /* Beyaz modda sınır çizgisi daha şık durur */
    box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
}

/* Ayarlar sayfasının genel boşluğunu garantiye alalım */
.settings-area {
    padding: 20px !important;
}

/* ========================================================
   LİDERLİK ALT BAŞLIĞI (LIGHT MODE FIX)
   Bunu dosyanın EN ALTINA yapıştır.
   ======================================================== */

body.light-mode .leader-subtitle {
    color: #333333 !important; /* Beyaz yerine koyu gri */
}

/* Badge Styles for Settings */
#settings-username span {
    display: inline-block;
    margin-left: 8px;
    font-weight: 800;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* ========================
   DUYURU BANDI (NOTIFICATION) - FİNAL DÜZELTME
   ======================== */
.notification-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Dropdown buna göre hizalanır */
}

.notif-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background-color: #ef4444;
    border-radius: 50%;
    border: 2px solid white;
    pointer-events: none;
}

/* --- KUTU TASARIMI (VARSAYILAN KOYU MOD) --- */
.notif-dropdown {
    display: none; /* JS ile açılacak */
    position: absolute;
    top: 110%; /* Butonun altı */
    right: -10px; /* Hafif sağa yaslı */
    width: 280px;
    background-color: #202f36; /* Koyu Zemin */
    border: 2px solid #37464f;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    z-index: 1000;
    overflow: hidden;
}

.notif-header {
    background-color: #2b3b45;
    padding: 10px;
    font-weight: 800;
    font-size: 13px;
    color: #ffffff;
    border-bottom: 1px solid #37464f;
}

.notif-content {
    padding: 15px;
    font-size: 14px;
    color: #d1d5db;
    max-height: 300px;
    overflow-y: auto;
}

.no-notif { color: #9ca3af; }

/* Renkli Duyuru Kutusu (Koyu Mod) */
.active-announcement {
    font-weight: 600;
    padding: 10px;
    border-radius: 6px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border-left: 4px solid;
}
.active-announcement.info { border-color: #3b82f6; }
.active-announcement.success { border-color: #10b981; }
.active-announcement.warning { border-color: #f59e0b; }
.active-announcement.danger { border-color: #ef4444; }


/* --- KUTU TASARIMI (AÇIK MOD / LIGHT MODE OVERRIDE) --- */
body.light-mode .notif-dropdown {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

body.light-mode .notif-header {
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

body.light-mode .notif-content {
    color: #4b5563 !important;
}

body.light-mode .no-notif {
    color: #9ca3af !important;
}

/* Renkli Duyuru Kutusu (Açık Mod) */
body.light-mode .active-announcement {
    background-color: #f9fafb !important; /* Çok açık gri zemin */
    color: #111111 !important; /* Siyah yazı */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.header-btn img {
    transition: transform .2s ease, filter .2s ease;
    filter: drop-shadow(0 0 6px rgba(255,200,0,.6));
}

.header-btn:hover img {
    transform: scale(1.1);
    filter: drop-shadow(0 0 14px rgba(255,220,80,.9));
}

.notif-btn {
    position: relative;
    transition: transform .2s ease, filter .2s ease;
    
}

/* Hover – canlılık */
.notif-btn:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 0 8px rgba(255,200,0,.6));
}

.notif-btn:has(.notif-badge:not([style*="display:none"])) {
    animation: bellShake 1.4s ease-in-out infinite;
}

@keyframes bellShake {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(-8deg); }
    20%  { transform: rotate(8deg); }
    30%  { transform: rotate(-6deg); }
    40%  { transform: rotate(6deg); }
    50%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}
.notif-badge {
    position: absolute;
    top: 2px;
    right: 2px;

    min-width: 10px;
    height: 10px;
    border-radius: 50%;

    background: radial-gradient(circle, #ff3b3b, #c40000);
    box-shadow:
        0 0 6px rgba(255,60,60,.9),
        0 0 12px rgba(255,0,0,.6);

    animation: badgePulse 1.4s ease-in-out infinite;
}
@keyframes badgePulse {
    0%   { transform: scale(1); opacity: .9; }
    50%  { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(1); opacity: .9; }
}
body.dark-mode .notif-btn {
    filter: drop-shadow(0 0 6px rgba(255,220,120,.5));
}
body.light-mode .notif-btn {
    filter: drop-shadow(0 0 4px rgba(255,180,0,.4));
}


/* --- MOBİL UYUMLULUK --- */
@media (max-width: 480px) {
    .header-controls { gap: 5px !important; }
    .notification-wrapper { margin: 0 !important; padding: 0 !important; }
    .notif-btn { padding: 0 5px !important; font-size: 20px !important; }
    #header-role-badge { margin-right: 2px !important; font-size: 18px !important; }
    .header-btn { margin: 0 !important; }

    .notif-dropdown {
        width: 260px !important;
        max-width: 85vw !important;
        right: -45px !important; /* Ekranda ortalamak için */
        max-height: 50vh !important;
        overflow-y: auto !important;
    }
}

/* ========================
   LİDERLİK TABLOSU ROZETLERİ
   ======================== */

.lb-role {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 5px;
    margin-left: 6px;
    color: white;
    font-weight: 800;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

/* Renkler (Settings ile uyumlu) */
.lb-role.admin { background: #eab308; }   /* Sarı */
.lb-role.teacher { background: #3b82f6; } /* Mavi */
.lb-role.pro { background: #a855f7; }     /* Mor */


/* ========================
   OTOMATİK PARLAMA EFEKTİ (SHINE)
   ======================== */

/* 1. Işığın Hareketi (Animasyon) */
@keyframes shine-sweep {
    0% {
        transform: translateX(-150%) skewX(-25deg);
    }
    50%, 100% {
        /* %50'den sonra beklesin ki sürekli göz yormasın */
        transform: translateX(250%) skewX(-25deg);
    }
}

/* 2. Rozetlere Uygulama */
.lb-role {
    position: relative; /* Işık bunun içinde duracak */
    overflow: hidden;   /* Dışarı taşan ışığı gizle */
    z-index: 1;         /* Yazı üstte kalsın */
}

/* Işık Hüzmesi */
.lb-role::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;         /* Işığın genişliği */
    height: 100%;
    
    /* Cam gibi beyaz parıltı (Saydam -> Beyaz -> Saydam) */
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.45) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    
    /* Başlangıç konumu */
    transform: translateX(-150%) skewX(-25deg);
    
    /* Animasyon: 3.5 saniyede bir tekrarla */
    animation: shine-sweep 3.5s infinite ease-in-out;
    pointer-events: none; /* Tıklamayı engellemesin */
}


/* ========================================================
   KESİN ÇÖZÜM: AÇIK UÇLU SORU KUTUSU (KOYU MOD FIX)
   ======================================================== */

/* 1. Varsayılan (Koyu Mod) - ZORLA KOYU YAP */
.open-answer-input {
    background-color: #202f36 !important; /* Koyu zemin (var(--card-bg) karşılığı) */
    color: white !important;              /* Beyaz yazı */
    border: 2px solid #37464f !important;
    border-radius: 16px;
    padding: 16px 18px;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
}

/* 2. Tarayıcı Otomatik Doldurma (Autofill) Yaparsa Beyaz Olmasını Engelle */
/* Chrome/Edge bazen inputları sarı/beyaz yapar, bu kod onu engeller */
.open-answer-input:-webkit-autofill,
.open-answer-input:-webkit-autofill:hover, 
.open-answer-input:-webkit-autofill:focus, 
.open-answer-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #202f36 inset !important; /* İç gölgeyle koyu yap */
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* 3. Light Mode (Beyaz Tema) Ayarları */
/* Burası sadece body sınıfında 'light-mode' varsa çalışır */
body.light-mode .open-answer-input {
    background-color: #ffffff !important; /* Beyaz zemin */
    color: #222222 !important;            /* Siyah yazı */
    border-color: #cccccc !important;
}

body.light-mode .open-answer-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #222222 !important;
}


/* ========================================================
   HEADER SAĞ TARAF - BOŞLUKLARI AZALTMA (SIKIŞTIRMA)
   ======================================================== */

/* Sağ taraftaki grubun genel boşluğunu (gap) iyice kıs */
.header-controls {
    gap: 2px !important; /* Öğeler arasını 2px yap (Çok sıkı) */
}

/* Mobilde butonların ve resmin kendi boşluklarını da sıfırla */
@media (max-width: 480px) {
    
    /* 1. Butonlar (Bildirim, Hediye vs.) */
    .header-btn {
        padding: 0 2px !important; /* Tıklama alanını daraltma ama boşluğu al */
        margin: 0 !important;
    }

    /* 2. Admin/Öğretmen Rozeti */
    #header-role-badge {
        margin: 0 1px !important; /* Sağından solundan boşluğu al */
        line-height: 1 !important;
    }
    
    /* Rozetin içindeki span */
    #header-role-badge .lb-role {
        margin: 0 !important; 
    }

    /* 3. Profil Resmi */
    .profile-pic {
        margin-left: 2px !important; /* Sadece soldan minik bir boşluk bırak */
        margin-right: 0 !important;
    }
}


/* KART BAŞLIKLARI - GENEL AYAR (Her iki modda da kalınlık burada) */
.card-title-text {
    font-weight: 900 !important; /* En kalın ayar (Eskisi gibi olması için) */
    font-size: 17px;
    margin-top: 5px;
    color: white; /* Koyu modda beyaz */
}

/* ========================================================
   LIGHT MODE RENKLİ KARTLAR (FONT KALINLIĞI KORUNDU)
   ======================================================== */

/* 1. Kart Arka Planları (Pastel Tonlar) */
body.light-mode .duo-card.theme-0 { background-color: #e2f7d5 !important; border: 2px solid #58cc02 !important; box-shadow: 0 4px 0 #58cc02 !important; }
body.light-mode .duo-card.theme-1 { background-color: #ddf4ff !important; border: 2px solid #1cb0f6 !important; box-shadow: 0 4px 0 #1cb0f6 !important; }
body.light-mode .duo-card.theme-2 { background-color: #f3e5ff !important; border: 2px solid #ce82ff !important; box-shadow: 0 4px 0 #ce82ff !important; }
body.light-mode .duo-card.theme-3 { background-color: #fff2e0 !important; border: 2px solid #ff9600 !important; box-shadow: 0 4px 0 #ff9600 !important; }

/* 2. Yazı Rengi Değişimi (Kalınlık .card-title-text'ten geliyor) */
body.light-mode .card-title-text {
    color: #131f24 !important; /* Açık modda koyu yazı */
}

/* 3. İkon ve Sayacı Düzenleme */
body.light-mode .duo-card .card-icon-circle {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #131f24 !important;
}
body.light-mode .duo-card .test-count {
    background: rgba(0, 0, 0, 0.08) !important;
    color: #555 !important;
}
/* ========================================================================== 
   V6.2 — KOMPAKT ÜST BAR
   Yeni can + level göstergeleri eklendikten sonra header'ın büyümesini ve
   istatistiklerin iki satıra kırılmasını engeller.
   ========================================================================== */
#screen-home .game-header {
    padding: 10px 14px;
    gap: 8px;
}
#screen-home .left-header-group {
    min-width: 0;
    flex: 1 1 auto;
}
#screen-home .flag-box {
    min-width: 0;
    max-width: 100%;
    padding: 4px 6px;
    gap: 4px;
    border-width: 1px;
    border-radius: 14px;
    flex-wrap: nowrap;
    overflow: hidden;
}
#screen-home .flag-icon-small {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-width: 1px;
}
#screen-home .streak-area,
#screen-home .xp-area,
#screen-home .heart-area,
#screen-home .level-area {
    height: 30px;
    min-width: 0;
    padding: 3px 6px;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    white-space: nowrap;
    flex: 0 0 auto;
    line-height: 1;
    font-size: 11px;
    font-weight: 900;
}
#screen-home .streak-area,
#screen-home .xp-area { border-width: 1.5px; }
#screen-home .heart-area {
    color: #ff7a97;
    background: rgba(255, 75, 105, .08);
    border: 1px solid rgba(255, 75, 105, .38);
}
#screen-home .level-area {
    color: var(--color-cyan);
    background: rgba(28, 176, 246, .10);
    border: 1px solid rgba(28, 176, 246, .30);
}
#screen-home .header-stat-icon {
    display: inline-block;
    flex: 0 0 auto;
    line-height: 1;
}
#screen-home .header-controls {
    flex: 0 0 auto;
    gap: 2px !important;
}

@media (max-width: 520px) {
    #screen-home .game-header { padding: 9px 10px; gap: 5px; }
    #screen-home .flag-box { padding: 3px 5px; gap: 3px; }
    #screen-home .flag-icon-small { width: 18px; height: 18px; flex-basis: 18px; }
    #screen-home .streak-area,
    #screen-home .xp-area,
    #screen-home .heart-area,
    #screen-home .level-area { height: 28px; padding: 3px 5px; font-size: 10px; gap: 2px; }
    #screen-home .header-controls .header-btn img { width: 24px !important; height: 24px !important; }
    #screen-home .notif-btn { font-size: 19px !important; padding: 0 2px !important; }
    #screen-home #header-role-badge { font-size: 15px !important; margin: 0 !important; }
    #screen-home #header-role-badge .lb-role { font-size: 8px; padding: 2px 5px; letter-spacing: 0; }
    #screen-home .profile-pic { width: 31px; height: 31px; margin-left: 1px !important; }
}

@media (max-width: 390px) {
    #screen-home .game-header { padding-left: 7px; padding-right: 7px; }
    #screen-home .flag-box { border-color: rgba(55,70,79,.72); }
    #screen-home .streak-area,
    #screen-home .xp-area,
    #screen-home .heart-area,
    #screen-home .level-area { padding-left: 4px; padding-right: 4px; }
    #screen-home .header-controls .header-btn img { width: 22px !important; height: 22px !important; }
    #screen-home .profile-pic { width: 29px; height: 29px; }
}

/* ========================================================================== 
   V6.3 — SORU GÖNDER EKRANI / COMMUNITY CONTRIBUTE REDESIGN
   ========================================================================== */
#screen-contribute {
    --contrib-line: rgba(255,255,255,.085);
    --contrib-soft: rgba(255,255,255,.045);
    --contrib-green: #58cc02;
    --contrib-green-dark: #46a302;
    --contrib-cyan: #1cb0f6;
    --contrib-purple: #a66bff;
    --contrib-amber: #ffc800;
    background:
        radial-gradient(circle at 8% 6%, rgba(88,204,2,.09), transparent 28%),
        radial-gradient(circle at 92% 22%, rgba(28,176,246,.08), transparent 25%),
        var(--bg-body);
    min-height: 100vh;
}

.contribute-topbar {
    position: sticky;
    top: 0;
    z-index: 55;
    min-height: 64px;
    padding: 10px 18px;
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
    gap: 10px;
    background: rgba(19,31,36,.94);
    border-bottom: 2px solid #2b3b42;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.contribute-back-btn,
.contribute-topbar-mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    border: 2px solid #37464f;
    background: #202f36;
    color: #fff;
    box-shadow: 0 4px 0 #17242a;
}

.contribute-back-btn {
    font: inherit;
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, border-color .2s ease;
}

.contribute-back-btn:active {
    transform: translateY(3px);
    box-shadow: 0 1px 0 #17242a;
}

.contribute-topbar-mark {
    font-size: 20px;
    border-color: rgba(88,204,2,.28);
    background: rgba(88,204,2,.09);
    box-shadow: 0 4px 0 rgba(70,163,2,.26);
}

.contribute-topbar-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.05;
}

.contribute-topbar-copy span {
    font-size: 9px;
    letter-spacing: 1.8px;
    font-weight: 900;
    color: var(--color-green);
    margin-bottom: 5px;
}

.contribute-topbar-copy strong {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
}

.contribute-container {
    padding: 22px 18px 110px;
    max-width: 560px;
    margin: 0 auto;
}

.contribute-hero {
    position: relative;
    overflow: hidden;
    padding: 20px;
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(32,47,54,.98), rgba(20,34,39,.98));
    border: 2px solid #33464f;
    box-shadow:
        0 7px 0 #0f191e,
        0 18px 34px rgba(0,0,0,.2),
        inset 0 1px 0 rgba(255,255,255,.035);
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 15px;
    align-items: start;
    margin-bottom: 22px;
}

.contribute-hero::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -78px;
    top: -100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(88,204,2,.19), rgba(88,204,2,0) 68%);
    pointer-events: none;
}

.contribute-hero-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    font-size: 29px;
    background: linear-gradient(145deg, rgba(88,204,2,.22), rgba(88,204,2,.08));
    border: 2px solid rgba(88,204,2,.34);
    box-shadow: 0 5px 0 rgba(70,163,2,.25);
}

.contribute-hero-copy {
    min-width: 0;
}

.contribute-eyebrow {
    display: block;
    color: var(--color-green);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.55px;
    margin: 2px 0 6px;
}

.contribute-hero h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(20px, 5vw, 26px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -.35px;
}

.contribute-hero p {
    margin: 0;
    color: #aebbc0;
    font-size: 13px;
    line-height: 1.48;
    font-weight: 700;
}

.contribute-review-chip {
    grid-column: 1 / -1;
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    color: #c9f5aa;
    background: rgba(88,204,2,.08);
    border: 1px solid rgba(88,204,2,.22);
    font-size: 11px;
    font-weight: 900;
}

.contribute-review-chip span {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--color-green);
    color: #102000;
    font-size: 11px;
}

.contribute-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contribute-step-card,
.contribute-submit-card,
.contribute-tip-card {
    border-radius: 20px;
    border: 2px solid #304149;
    background: rgba(32,47,54,.94);
    box-shadow: 0 5px 0 #16242a;
}

.contribute-step-card {
    padding: 17px;
}

.contribute-step-head {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 15px;
}

.contribute-step-index {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #0d2200;
    background: var(--color-green);
    border-bottom: 4px solid var(--shadow-green);
    font-size: 14px;
    font-weight: 900;
}

.contribute-step-head > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contribute-step-head strong {
    color: #fff;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 900;
}

.contribute-step-head small {
    color: #91a0a6;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;
}

.contribute-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.contribute-field {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.contribute-field-full {
    width: 100%;
}

.contribute-field-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0 2px;
}

.contribute-field-label b {
    color: #dce5e8;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.contribute-field-label em {
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(28,176,246,.09);
    color: #75d3ff;
    border: 1px solid rgba(28,176,246,.18);
    font-size: 8px;
    line-height: 1;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .5px;
}

#screen-contribute .input-field {
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    margin: 0;
    border-radius: 14px;
    border: 2px solid #3b4c54;
    background: #152229;
    color: #fff;
    padding: 12px 13px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

#screen-contribute select.input-field {
    cursor: pointer;
    padding-right: 34px;
}

#screen-contribute .input-field::placeholder {
    color: #65767d;
    font-weight: 700;
}

#screen-contribute .input-field:focus {
    border-color: var(--color-cyan);
    background: #172830;
    box-shadow: 0 0 0 3px rgba(28,176,246,.12);
}

.contribute-question-input {
    min-height: 122px !important;
    height: 122px !important;
    resize: vertical !important;
    line-height: 1.45;
}

.contribute-field-hint {
    padding-left: 2px;
    color: #74858c;
    font-size: 10px;
    font-weight: 800;
}

.contribute-native-type {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    clip-path: inset(50%) !important;
}

.contribute-type-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.contribute-type-btn {
    min-width: 0;
    border: 2px solid #3a4a52;
    border-bottom-width: 5px;
    border-bottom-color: #26343a;
    border-radius: 16px;
    background: #17252b;
    color: #c9d2d5;
    padding: 13px 11px 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: transform .12s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.contribute-type-btn:active {
    transform: translateY(3px);
    border-bottom-width: 2px;
}

.contribute-type-btn.is-active {
    border-color: rgba(88,204,2,.58);
    border-bottom-color: var(--shadow-green);
    background: linear-gradient(145deg, rgba(88,204,2,.16), rgba(88,204,2,.075));
    color: #fff;
    box-shadow: 0 0 0 3px rgba(88,204,2,.055);
}

.contribute-type-icon {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.07);
    font-size: 17px;
}

.contribute-type-btn > span:last-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contribute-type-btn strong {
    font-size: 12px;
    line-height: 1.15;
    font-weight: 900;
    white-space: normal;
}

.contribute-type-btn small {
    color: #7f9097;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
}

.contribute-type-btn.is-active small {
    color: #a9c99a;
}

.contribute-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contribute-answer-rule {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 11px;
    margin-bottom: 2px;
    border-radius: 13px;
    background: rgba(88,204,2,.075);
    border: 1px solid rgba(88,204,2,.18);
}

.contribute-answer-rule > span,
.contribute-answer-badge {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--color-green);
    color: #132600;
    font-size: 13px;
    font-weight: 1000;
}

.contribute-answer-rule div {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.contribute-answer-rule strong {
    color: #d9f5c8;
    font-size: 11px;
    font-weight: 900;
}

.contribute-answer-rule small {
    color: #7f9872;
    font-size: 9px;
    line-height: 1.25;
    font-weight: 800;
}

.contribute-option-row {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    padding: 7px;
    border-radius: 15px;
    border: 2px solid #34464e;
    background: #17252b;
    transition: border-color .18s ease, background .18s ease;
}

.contribute-option-row:focus-within {
    border-color: var(--color-cyan);
    background: #192a31;
}

.contribute-option-row.is-correct {
    border-color: rgba(88,204,2,.4);
    background: rgba(88,204,2,.055);
}

.contribute-option-row .input-field {
    min-height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 58px 8px 2px !important;
}

.contribute-option-letter {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #26373e;
    color: #b7c3c7;
    border-bottom: 3px solid #1b282e;
    font-size: 12px;
    font-weight: 1000;
}

.contribute-option-row.is-correct .contribute-option-letter {
    background: var(--color-green);
    color: #102300;
    border-bottom-color: var(--shadow-green);
}

.contribute-option-state {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #8be650;
    font-size: 8px;
    font-weight: 1000;
    letter-spacing: .65px;
}

.contribute-open-answer-wrap {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 9px;
    align-items: center;
    padding: 7px;
    border-radius: 15px;
    border: 2px solid rgba(88,204,2,.35);
    background: rgba(88,204,2,.055);
}

.contribute-open-answer-wrap .input-field {
    min-height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 5px !important;
}

.contribute-tip-card {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    background: rgba(255,200,0,.055);
    border-color: rgba(255,200,0,.18);
    box-shadow: 0 4px 0 rgba(99,78,0,.22);
}

.contribute-tip-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255,200,0,.11);
    font-size: 19px;
}

.contribute-tip-card > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contribute-tip-card strong {
    color: #f3dc79;
    font-size: 12px;
    font-weight: 900;
}

.contribute-tip-card span {
    color: #9f966e;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 800;
}

.contribute-submit-card {
    padding: 14px;
    background: linear-gradient(145deg, rgba(32,47,54,.98), rgba(24,39,45,.98));
}

.contribute-submit-copy {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.contribute-submit-icon {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(28,176,246,.09);
    border: 1px solid rgba(28,176,246,.16);
}

.contribute-submit-copy div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.contribute-submit-copy strong {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.contribute-submit-copy small {
    color: #7d8d93;
    font-size: 9px;
    line-height: 1.3;
    font-weight: 800;
}

#screen-contribute .contribute-submit-btn {
    width: 100%;
    min-height: 52px;
    margin: 0;
    border-radius: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 17px;
    font-size: 13px;
    letter-spacing: .15px;
}

#screen-contribute .contribute-submit-btn b {
    font-size: 19px;
    line-height: 1;
}

#screen-contribute .contribute-submit-btn:disabled {
    opacity: .65;
    cursor: wait;
    filter: saturate(.7);
}

/* Light mode */
body.light-mode #screen-contribute {
    --contrib-line: rgba(12,36,44,.10);
    --contrib-soft: rgba(12,36,44,.04);
    background:
        radial-gradient(circle at 8% 6%, rgba(88,204,2,.08), transparent 28%),
        radial-gradient(circle at 92% 22%, rgba(28,176,246,.07), transparent 25%),
        #f7f8fa !important;
}

body.light-mode .contribute-topbar {
    background: rgba(247,248,250,.94) !important;
    border-bottom-color: #dde4e7 !important;
}

body.light-mode .contribute-back-btn,
body.light-mode .contribute-topbar-mark,
body.light-mode .contribute-hero,
body.light-mode .contribute-step-card,
body.light-mode .contribute-submit-card {
    background: #fff !important;
    border-color: #dfe6e9 !important;
    box-shadow: 0 5px 0 #d9e0e3 !important;
}

body.light-mode .contribute-topbar-copy strong,
body.light-mode .contribute-hero h2,
body.light-mode .contribute-step-head strong,
body.light-mode .contribute-submit-copy strong,
body.light-mode .contribute-field-label b {
    color: #17252b !important;
}

body.light-mode .contribute-hero p,
body.light-mode .contribute-step-head small,
body.light-mode .contribute-field-hint,
body.light-mode .contribute-submit-copy small {
    color: #68787f !important;
}

body.light-mode #screen-contribute .input-field,
body.light-mode .contribute-type-btn,
body.light-mode .contribute-option-row {
    background: #f8fafb !important;
    color: #17252b !important;
    border-color: #d7e0e4 !important;
}

body.light-mode .contribute-type-btn.is-active {
    background: #f0fae9 !important;
    border-color: #8edc58 !important;
    border-bottom-color: #6fbd39 !important;
}

body.light-mode .contribute-type-btn strong,
body.light-mode .contribute-option-row .input-field {
    color: #17252b !important;
}

body.light-mode .contribute-tip-card {
    background: #fff9df !important;
    border-color: #f2df8b !important;
    box-shadow: 0 4px 0 #ead98c !important;
}

@media (max-width: 430px) {
    .contribute-container { padding: 18px 14px 105px; }
    .contribute-topbar { padding-left: 14px; padding-right: 14px; }
    .contribute-hero { padding: 17px; grid-template-columns: 49px 1fr; gap: 12px; border-radius: 20px; }
    .contribute-hero-icon { width: 49px; height: 49px; border-radius: 15px; font-size: 24px; }
    .contribute-step-card { padding: 14px; border-radius: 18px; }
    .contribute-field-grid { grid-template-columns: 1fr; }
    .contribute-type-btn { padding: 11px 8px 8px; gap: 7px; }
    .contribute-type-icon { flex-basis: 31px; width: 31px; height: 31px; font-size: 15px; }
    .contribute-type-btn strong { font-size: 10px; }
    .contribute-type-btn small { font-size: 8px; }
    .contribute-option-state { display: none; }
    .contribute-option-row .input-field { padding-right: 3px !important; }
}

@media (max-width: 350px) {
    .contribute-type-switch { grid-template-columns: 1fr; }
}


/* Slovra V6.9 SEO — public auth description */
.auth-seo-copy {
    max-width:390px;
    margin:0 auto 20px;
    color:var(--text-muted, #8fa0a7);
    font-size:12px;
    line-height:1.5;
    font-weight:700;
    text-align:center;
}
@media (max-width:420px) {
    .auth-seo-copy { max-width:330px; font-size:11px; margin-bottom:17px; }
}


/* SLOVRA V7 — giriş ekranı public SEO rehber bağlantıları */
.auth-guide-links{margin:18px auto 0;max-width:390px;text-align:center;border-top:1px solid rgba(255,255,255,.07);padding-top:13px}.auth-guide-links>span{display:block;color:#7f9097;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}.auth-guide-links>div{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 11px}.auth-guide-links a{font-size:11px;font-weight:800;color:#9eafb6;text-decoration:none}.auth-guide-links a:hover{color:var(--color-cyan);text-decoration:underline;text-underline-offset:3px}body.light-mode .auth-guide-links{border-top-color:#e2e7ea}body.light-mode .auth-guide-links a{color:#62747d}@media(max-width:420px){.auth-guide-links{margin-top:14px}.auth-guide-links>div{gap:5px 9px}.auth-guide-links a{font-size:10px}}


/* ===== SOURCE: assets/settings.css ===== */
/* Slovra V6.8 — Settings */
:root{--slovra-accent:var(--color-green);--slovra-accent-shadow:var(--shadow-green);--slovra-frame:#1cb0f6;--slovra-frame-glow:rgba(28,176,246,.28)}
.settings-topbar{position:sticky;top:0;z-index:50;height:66px;padding:0 18px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;background:rgba(19,31,36,.94);backdrop-filter:blur(14px);border-bottom:1px solid #2b3b42}
.settings-back-btn,.settings-topbar-icon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid #34464f;background:#1c2b32;color:#fff;font:inherit;font-size:21px;font-weight:900}.settings-back-btn{cursor:pointer;box-shadow:0 3px 0 #101a1f}.settings-back-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #101a1f}.settings-topbar-icon{font-size:18px;color:#dce7eb}.settings-topbar-copy{text-align:center;display:flex;flex-direction:column;line-height:1.05}.settings-topbar-copy span{font-size:8px;letter-spacing:1.35px;font-weight:900;color:var(--slovra-accent)}.settings-topbar-copy strong{font-size:18px;color:var(--text-main);margin-top:3px}
.settings-v67{max-width:560px;margin:0 auto;padding:15px 16px 100px!important}
.settings-profile-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #34464f;border-radius:24px;background:linear-gradient(145deg,#1e3038,#17262d);box-shadow:0 7px 0 #0e181d,0 15px 28px rgba(0,0,0,.15);margin-bottom:16px}.settings-profile-hero:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-55px;background:radial-gradient(circle,var(--slovra-frame-glow),transparent 68%);pointer-events:none}.settings-avatar-wrap{position:relative;flex:0 0 auto}.settings-avatar-wrap img{width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover;border:3px solid var(--slovra-frame)!important;box-shadow:0 0 0 5px var(--slovra-frame-glow),0 8px 18px rgba(0,0,0,.22)}.settings-avatar-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border:3px solid #18282f;border-radius:50%;background:#58cc02}.settings-profile-copy{min-width:0;position:relative;z-index:1}.settings-profile-name{font-size:20px;font-weight:900;color:var(--text-main);line-height:1.25}.settings-profile-name span{display:inline-flex!important;margin-left:6px!important;box-shadow:none!important}.settings-profile-email{font-size:12px;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.settings-profile-stats span{background:#142229;border:1px solid #2e424b;border-radius:10px;padding:6px 8px;font-size:11px;color:#cdd9dd}.settings-profile-stats b{color:#fff}
.settings-section-card{border:1px solid #34464f;border-radius:23px;background:linear-gradient(180deg,#1c2c33,#17252b);box-shadow:0 6px 0 #0e171b;margin-bottom:15px;padding:16px}.settings-section-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2px}.settings-section-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.18)}.settings-section-icon.visual{background:rgba(168,85,247,.14)}.settings-section-icon.learning{background:rgba(88,204,2,.13)}.settings-section-icon.games{background:rgba(28,176,246,.13)}.settings-section-icon.account{background:rgba(255,200,0,.11)}.settings-section-icon.data{background:rgba(255,150,0,.12)}.settings-section-head strong{display:block;color:var(--text-main);font-size:16px}.settings-section-head span{display:block;color:var(--text-muted);font-size:11px;margin-top:2px;line-height:1.35}
.settings-control-block{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}.settings-control-title{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.settings-control-title span{font-size:13px;font-weight:900;color:#ecf4f7}.settings-control-title small{font-size:9px;color:#82949c;text-align:right;line-height:1.3;max-width:55%}.settings-segmented{display:grid;gap:7px}.settings-segmented.three{grid-template-columns:repeat(3,1fr)}.settings-segmented.four{grid-template-columns:repeat(4,1fr)}.settings-segmented button,.settings-frame-grid button{min-height:40px;border:1px solid #354750;border-bottom-width:3px;border-radius:13px;background:#14232a;color:#aebbc1;font:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:.14s ease}.settings-segmented button.is-active,.settings-frame-grid button.is-active{border-color:var(--slovra-accent);background:color-mix(in srgb,var(--slovra-accent) 15%,#14232a);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--slovra-accent) 10%,transparent)}.settings-segmented button:active,.settings-frame-grid button:active{transform:translateY(2px);border-bottom-width:1px}
.settings-accent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.accent-dot{height:43px;border-radius:14px;border:2px solid rgba(255,255,255,.08);cursor:pointer;position:relative;box-shadow:0 4px 0 rgba(0,0,0,.25)}.accent-dot.green{background:#58cc02}.accent-dot.cyan{background:#1cb0f6}.accent-dot.purple{background:#a855f7}.accent-dot.pink{background:#ff69b4}.accent-dot.orange{background:#ff9600}.accent-dot.is-active:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3)}.accent-dot.is-active{outline:3px solid rgba(255,255,255,.15);outline-offset:2px}
.settings-frame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.settings-frame-grid button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px}.frame-preview{width:13px;height:13px;border-radius:50%;display:inline-block;border:3px solid}.frame-preview.cyan{border-color:#1cb0f6}.frame-preview.green{border-color:#58cc02}.frame-preview.purple{border-color:#a855f7}.frame-preview.gold{border-color:#ffc800}
.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}.settings-toggle-row.no-border{border-bottom:0;padding-bottom:1px}.settings-toggle-row strong{display:block;font-size:13px;color:#edf5f7}.settings-toggle-row span{display:block;font-size:10px;color:#82949c;margin-top:2px;line-height:1.35}.slovra-switch{position:relative;display:block;width:48px;height:28px;flex:0 0 48px}.slovra-switch input{opacity:0;width:0;height:0}.slovra-switch span{position:absolute;inset:0;margin:0;background:#34464f;border-radius:999px;cursor:pointer;transition:.18s}.slovra-switch span:before{content:"";position:absolute;width:20px;height:20px;left:4px;top:4px;background:#a9b6bc;border-radius:50%;transition:.18s;box-shadow:0 2px 4px rgba(0,0,0,.25)}.slovra-switch input:checked+span{background:var(--slovra-accent)}.slovra-switch input:checked+span:before{transform:translateX(20px);background:#fff}
.settings-action-list{display:flex;flex-direction:column}.settings-action-list button{display:grid;grid-template-columns:40px 1fr 18px;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:inherit;padding:13px 0;font:inherit;text-align:left;cursor:pointer}.settings-action-list button:last-child{border-bottom:0;padding-bottom:1px}.settings-action-list .action-icon{width:38px;height:38px;border-radius:12px;background:#14242a;display:flex;align-items:center;justify-content:center;font-size:17px}.settings-action-list strong{display:block;color:#edf4f7;font-size:13px}.settings-action-list small{display:block;color:#82949c;font-size:10px;margin-top:2px;line-height:1.3}.settings-action-list button>b{font-size:22px;color:#6f828b}.settings-logout-btn{width:100%;min-height:50px;border:1px solid rgba(255,75,75,.25);border-bottom:4px solid #a82f2f;border-radius:16px;background:rgba(255,75,75,.12);color:#ff8585;font:inherit;font-size:13px;font-weight:900;cursor:pointer;margin-top:3px}.settings-logout-btn:active{transform:translateY(2px);border-bottom-width:2px}.settings-version{text-align:center;padding:17px 5px 0;color:#657981;font-size:10px}.settings-version b{color:#91a4ac}.settings-save-toast{position:fixed;left:50%;bottom:92px;z-index:9999;transform:translate(-50%,15px);opacity:0;background:#14252c;border:1px solid #35505c;color:#e8f7fc;padding:9px 14px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.3);pointer-events:none;transition:.18s}.settings-save-toast.show{opacity:1;transform:translate(-50%,0)}
#profile-pic{border-color:var(--slovra-frame)!important;box-shadow:0 0 0 3px var(--slovra-frame-glow)!important}
body.slovra-simple-header .xp-area,body.slovra-simple-header .level-area{display:none!important}
body.slovra-large-text{font-size:1.055em}body.slovra-large-text .game-header,body.slovra-large-text .settings-topbar{font-size:initial}
body.slovra-compact .settings-v67{padding-top:9px!important}body.slovra-compact .settings-section-card{padding:12px;margin-bottom:11px}body.slovra-compact .settings-control-block,body.slovra-compact .settings-toggle-row{padding-top:10px;padding-bottom:10px}body.slovra-compact .unit-card,body.slovra-compact .profile-card{padding:13px!important;margin-bottom:14px!important}
body.slovra-reduce-motion *,body.slovra-reduce-motion *:before,body.slovra-reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body.light-mode .settings-topbar{background:rgba(248,251,252,.94);border-bottom-color:#dce5e8}.light-mode .settings-back-btn,.light-mode .settings-topbar-icon{background:#fff;border-color:#dce5e8;color:#26363d;box-shadow:0 3px 0 #dce5e8}.light-mode .settings-profile-hero,.light-mode .settings-section-card{background:linear-gradient(180deg,#fff,#f7fafb);border-color:#dce6e9;box-shadow:0 6px 0 #dce6e9,0 10px 18px rgba(0,0,0,.04)}.light-mode .settings-profile-stats span,.light-mode .settings-segmented button,.light-mode .settings-frame-grid button,.light-mode .settings-action-list .action-icon{background:#f1f5f7;border-color:#d7e2e6;color:#52666f}.light-mode .settings-section-head,.light-mode .settings-control-block,.light-mode .settings-toggle-row,.light-mode .settings-action-list button{border-color:#e7edef}.light-mode .settings-profile-name,.light-mode .settings-section-head strong,.light-mode .settings-control-title span,.light-mode .settings-toggle-row strong,.light-mode .settings-action-list strong{color:#22343c}.light-mode .settings-profile-email,.light-mode .settings-section-head span,.light-mode .settings-toggle-row span,.light-mode .settings-action-list small,.light-mode .settings-control-title small{color:#6c8089}.light-mode .settings-profile-stats b{color:#25373f}.light-mode .settings-avatar-dot{border-color:#fff}
@media(max-width:420px){.settings-v67{padding-left:12px!important;padding-right:12px!important}.settings-profile-hero{padding:15px;gap:12px}.settings-avatar-wrap img{width:64px!important;height:64px!important}.settings-profile-name{font-size:18px}.settings-section-card{padding:14px;border-radius:20px}.settings-segmented.four{grid-template-columns:repeat(2,1fr)}.settings-frame-grid{grid-template-columns:repeat(2,1fr)}.settings-control-title{display:block}.settings-control-title small{display:block;max-width:none;text-align:left;margin-top:3px}.settings-profile-stats{gap:5px}.settings-profile-stats span{font-size:10px;padding:5px 7px}}


/* V6.8 — Premium, ödeme tercihi ve hesap silme */
.settings-section-icon.premium{background:rgba(168,85,247,.15);border-color:rgba(168,85,247,.20)}
.settings-section-icon.danger{background:rgba(255,75,75,.13);border-color:rgba(255,75,75,.20)}
.settings-premium-card{position:relative;overflow:hidden}.settings-premium-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-75px;background:radial-gradient(circle,rgba(168,85,247,.15),transparent 68%);pointer-events:none}.settings-premium-card.is-active{border-color:rgba(168,85,247,.40);box-shadow:0 6px 0 #301844,0 14px 28px rgba(77,27,111,.18)}.settings-premium-card.is-expired{border-color:rgba(255,150,0,.28)}
.settings-section-head{position:relative;z-index:1}.settings-premium-card .settings-section-head{display:grid;grid-template-columns:42px 1fr auto}.settings-premium-badge{padding:6px 9px;border-radius:999px;background:#273840;border:1px solid #3a4c54;color:#9fb0b8;font-size:9px;font-weight:900;letter-spacing:.6px}.settings-premium-badge.active{background:rgba(168,85,247,.17);border-color:rgba(168,85,247,.28);color:#deb7ff}
.settings-premium-summary{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px 0}.settings-premium-summary>div{min-width:0;border:1px solid rgba(255,255,255,.055);background:#14242a;border-radius:14px;padding:10px}.settings-premium-summary span{display:block;font-size:9px;color:#7f949d;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.settings-premium-summary strong{display:block;color:#edf5f7;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-payment-block{padding-top:5px}.settings-payment-current{margin-top:9px;padding:9px 10px;border-radius:12px;background:rgba(28,176,246,.07);border:1px solid rgba(28,176,246,.11);font-size:10px;line-height:1.4;color:#9eb4bd}.settings-premium-note{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:10px;border-radius:13px;background:rgba(255,200,0,.065);border:1px solid rgba(255,200,0,.10);margin-top:12px}.settings-premium-note span{font-size:16px}.settings-premium-note p{margin:0;color:#a9b9bf;font-size:10px;line-height:1.45}.settings-premium-manage{width:100%;min-height:44px;margin-top:11px;border:1px solid rgba(168,85,247,.32);border-bottom:4px solid #69329a;border-radius:14px;background:rgba(168,85,247,.15);color:#e5c4ff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.settings-premium-manage:active{transform:translateY(2px);border-bottom-width:2px}
.settings-danger-card{border-color:rgba(255,75,75,.20);background:linear-gradient(180deg,rgba(59,29,31,.55),#17252b)}.settings-danger-copy{padding:13px 0 11px}.settings-danger-copy strong{display:block;color:#ff9a9a;font-size:13px}.settings-danger-copy p{margin:4px 0 0;color:#8f9fa6;font-size:10px;line-height:1.45}.settings-delete-account-btn{width:100%;min-height:46px;border:1px solid rgba(255,75,75,.28);border-bottom:4px solid #a52f2f;border-radius:14px;background:rgba(255,75,75,.12);color:#ff8e8e;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.settings-delete-account-btn:active{transform:translateY(2px);border-bottom-width:2px}.settings-delete-account-btn:disabled,.settings-delete-account-btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none}.settings-delete-account-note{display:block;color:#b68a8a;font-size:9px;line-height:1.4;margin-top:7px}
.account-delete-modal{width:min(92vw,480px);max-height:88vh;overflow:auto;border-radius:24px;background:#192a31;border:1px solid #394c55;box-shadow:0 24px 80px rgba(0,0,0,.55);padding:18px}.account-delete-head{display:grid;grid-template-columns:44px 1fr 34px;gap:10px;align-items:center}.account-delete-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,75,75,.13);border:1px solid rgba(255,75,75,.2);font-size:20px}.account-delete-head span{display:block;color:#ff7777;font-size:9px;letter-spacing:1px;font-weight:900}.account-delete-head h2{margin:2px 0 0;color:#fff;font-size:18px}.account-delete-head>button{width:32px;height:32px;border:0;border-radius:10px;background:#23363e;color:#9eb0b8;font-size:16px;cursor:pointer}.account-delete-intro{color:#98aab2;font-size:11px;line-height:1.5;margin:14px 0}.account-delete-label{display:block;color:#dbe6ea;font-size:11px;font-weight:900;margin:12px 0 6px}.account-delete-label small{font-weight:700;color:#718790}.account-delete-select,.account-delete-modal textarea,.account-delete-modal input[type=password]{width:100%;box-sizing:border-box;border:1px solid #3b4e57;border-bottom-width:3px;border-radius:13px;background:#122229;color:#fff;font:inherit;font-size:12px;padding:11px 12px;outline:none}.account-delete-modal textarea{resize:vertical;min-height:76px}.account-delete-select:focus,.account-delete-modal textarea:focus,.account-delete-modal input[type=password]:focus{border-color:#ff6767}.account-delete-confirm{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:#a9b7bd;font-size:10px;line-height:1.4}.account-delete-confirm input{margin-top:2px;accent-color:#ff4b4b}.account-delete-warning{padding:9px 10px;border-radius:11px;background:rgba(255,150,0,.08);border:1px solid rgba(255,150,0,.12);color:#d3a66d;font-size:9px;line-height:1.4}.account-delete-progress{margin-top:10px;text-align:center;color:#ff9a9a;font-size:10px;font-weight:900}.account-delete-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}.account-delete-actions button{min-height:44px;border-radius:13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.account-delete-actions .btn-outline{background:#22343c;border:1px solid #3b4d55;color:#c5d1d6}.account-delete-actions #account-delete-submit{border:1px solid rgba(255,75,75,.32);border-bottom:4px solid #9a2d2d;background:#c73f3f;color:#fff}.account-delete-actions #account-delete-submit:disabled{opacity:.4;cursor:not-allowed}
.light-mode .settings-premium-summary>div{background:#f1f5f7;border-color:#dce6ea}.light-mode .settings-premium-summary strong{color:#253840}.light-mode .settings-payment-current{color:#5d727b}.light-mode .settings-danger-card{background:linear-gradient(180deg,#fff7f7,#fff)}.light-mode .account-delete-modal{background:#fff;border-color:#dce6ea}.light-mode .account-delete-head h2,.light-mode .account-delete-label{color:#273940}.light-mode .account-delete-select,.light-mode .account-delete-modal textarea,.light-mode .account-delete-modal input[type=password]{background:#f4f7f8;color:#263940;border-color:#d8e2e6}.light-mode .account-delete-intro,.light-mode .account-delete-confirm{color:#61757e}
@media(max-width:420px){.settings-premium-summary{grid-template-columns:1fr 1fr}.settings-premium-card .settings-section-head{grid-template-columns:42px 1fr}.settings-premium-badge{grid-column:2;justify-self:start;margin-top:-3px}.payment-methods{grid-template-columns:1fr!important}.account-delete-modal{padding:15px;border-radius:20px}.account-delete-actions{grid-template-columns:1fr}}


/* ===== SOURCE: assets/game/game.css ===== */
/* ==========================================================================
   Slovra - CANLI OYUN STİLLERİ (GAME.CSS) - FİNAL REVİZE (FULL DOSYA)
   ========================================================================== */

/* --- 1. ANİMASYONLAR --- */
@keyframes ringScale { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
@keyframes slideInRank { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes growUp { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes popIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.pulse-ring {
    width: 60px; height: 60px; border-radius: 50%;
    border: 4px solid var(--color-green);
    margin: 0 auto 20px auto;
    animation: ringScale 2s infinite ease-out;
}

/* --- 2. GİRİŞ EKRANI (LOBBY) --- */
.live-join-box {
    background: var(--card-bg);
    padding: 30px 20px !important;
    width: 90% !important;
    max-width: 350px !important; /* Varsayılan Mobil Genişlik */
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;
    margin: 30px auto !important;
    text-align: center;
    animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-sizing: border-box;
    /* Genişliği 350px'den 600px'e çıkarıyoruz */
        max-width: 600px !important;
}

/* 2. LIGHT MODE (BEYAZ TEMA) UYUMU */
body.light-mode .live-join-box, 
body.light .live-join-box {
    /* Arka planı bembeyaz yap */
    background: #ffffff !important;
    
    /* Kenarlığı gri yap */
    border: 1px solid #e2e8f0 !important;
    
    /* Gölgeyi yumuşat (Siyah değil gri gölge) */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1) !important;
    
    /* Yazı rengini koyulaştır */
    color: #1e293b !important;
}

/* Başlık rengini koyu yap (Görünmez olmaması için) */
body.light-mode .live-join-box h1,
body.light .live-join-box h1 {
    color: #0f172a !important;
}

/* İçindeki PIN Inputunu beyaz moda uyarla */
body.light-mode #live-pin-input,
body.light #live-pin-input {
    background: #f1f5f9 !important; /* Hafif gri zemin */
    color: #334155 !important;      /* Koyu yazı */
    border-color: #cbd5e1 !important;
}

/* Inputa tıklayınca kenarlık yeşil olsun */
body.light-mode #live-pin-input:focus,
body.light #live-pin-input:focus {
    background: #ffffff !important;
    border-color: var(--color-green) !important;
}


.live-join-box h1 { font-size: 22px !important; margin-bottom: 15px !important; }

#live-pin-input {
    font-size: 28px !important;
    letter-spacing: 6px !important;
    text-align: center !important;
    font-weight: 900 !important;
    background: rgba(0,0,0,0.2) !important;
    border: 3px solid var(--color-cyan) !important;
    padding: 10px !important;
    height: 60px !important;
    border-radius: 18px !important;
    color: var(--color-cyan) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 10px 0 20px 0 !important;
    transition: 0.3s;
}
#live-pin-input:focus { 
    border-color: var(--color-green) !important; 
    box-shadow: 0 0 15px rgba(88, 204, 2, 0.3); 
}

#waiting-pin-display {
    font-size: 48px !important; font-weight: 900;
    margin: 10px 0 30px 0 !important; color: #fff;
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

#student-wait-msg {
    color: var(--color-cyan) !important; font-size: 16px !important;
    margin-top: 20px !important; opacity: 0.8;
    animation: floatY 3s ease-in-out infinite;
}

/* --- 3. SÜRE BARI (YAPIŞKAN) --- */
#live-timer-wrapper {
    position: sticky; top: 75px; z-index: 60;
    background: rgba(255, 255, 255, 0.05) !important;
    width: 100%; height: 8px !important;
    border-radius: 4px; overflow: hidden; margin-bottom: 0;
}
#live-timer-bar {
    height: 100%; width: 100%;
    background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
    box-shadow: 0 0 10px #00c6ff; border-radius: 4px;
}

/* --- 4. OYUN ALANI & SORU METNİ --- */
#live-game-ui { padding-bottom: 120px !important; }

#live-q-text-container {
    min-height: auto !important; padding: 15px 10px !important; flex: 0 !important;
}
#live-q-text {
    font-size: 22px !important; margin: 10px 0 !important; font-weight: 900; line-height: 1.3;
}

/* --- 5. ŞIKLAR IZGARASI (GRID) --- */
#live-options-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 0 10px 80px 10px !important;
    max-width: 600px; margin: 0 auto;
    width: 100% !important;
    box-sizing: border-box;
}

/* --- 6. ŞIK KARTLARI --- */
.live-opt-card {
    min-height: 60px !important; padding: 10px !important;
    font-size: 16px !important; border-radius: 14px !important;
    font-weight: 800; color: white; text-align: center; cursor: pointer;
    box-shadow: 0 5px 0 rgba(0,0,0,0.2);
    display: flex; align-items: center; justify-content: center;
    line-height: 1.2; transition: transform 0.1s; pointer-events: auto !important;
    width: 100% !important; box-sizing: border-box;
}
.live-opt-card:active { transform: translateY(4px); box-shadow: none; }

.live-color-0 { background: #e21b3c; }
.live-color-1 { background: #1368ce; }
.live-color-2 { background: #d89e00; }
.live-color-3 { background: #26890c; }

/* Kilitli Durumlar */
#live-options-grid[style*="pointer-events: none"] .live-opt-card, 
.dimmed-card { 
    opacity: 0.3 !important; 
    pointer-events: none !important; 
}

/* SÜRE BİTİMİ */
.grid-disabled-timeout .live-opt-card { 
    opacity: 0.7 !important; 
    filter: grayscale(90%); 
    pointer-events: none !important; 
}

/* --- 7. GERİ BİLDİRİM EFEKTLERİ --- */
.selected-waiting {
    opacity: 1 !important; transform: scale(0.98);
    border: 3px solid #fff !important; box-shadow: 0 0 15px rgba(255,255,255,0.4);
}
.selected-waiting::after { content: "⏳"; display: block; font-size: 14px; margin-left: 5px; }

.correct-instant {
    background-color: #d7ffb8 !important; border: 3px solid #58cc02 !important; color: #58cc02 !important;
    opacity: 1 !important; transform: scale(1.02); box-shadow: 0 0 15px rgba(88, 204, 2, 0.6) !important;
}
.correct-instant::after { content: "✅"; display: block; margin-left: 5px; }

.wrong-instant {
    background-color: #ffdfe0 !important; border: 3px solid #ff4b4b !important; color: #ff4b4b !important;
    opacity: 1 !important; transform: scale(0.95);
}
.wrong-instant::after { content: "❌"; display: block; margin-left: 5px; }

/* Cevap Gizleme (Öğretmen Modu) */
.blur-answer-mode .live-opt-card { border: none !important; opacity: 1 !important; }
.blur-answer-mode .checkmark-icon { display: none !important; }
.blur-answer-mode .live-opt-card.correct-answer-card::after {
    content: "★"; position: absolute; top: 5px; right: 10px; font-size: 10px; color: rgba(255,255,255,0.3);
}

/* --- 8. AÇIK UÇLU SORU --- */
.open-question-wrapper {
    grid-column: 1 / -1 !important;
    width: 90% !important; max-width: 500px !important;
    margin: 20px auto !important;
    transform: translateX(-17px) !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; text-align: center !important;
    box-sizing: border-box !important;
}

#live-text-answer, #submit-text-btn {
    width: 100% !important; max-width: 100% !important; 
    margin: 0 auto 15px auto !important; display: block !important;
    box-sizing: border-box;
}

/* --- 9. OYUNCU LİSTESİ (CHIPS) --- */
#live-player-list, #live-game-player-list {
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important;
}
#live-game-player-list > div, #live-player-list > div {
    padding: 5px 12px !important; font-size: 12px !important;
    border-radius: 20px !important; background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ddd; white-space: nowrap; display: flex; align-items: center; gap: 6px;
}
.player-answered-badge {
    background: var(--color-green) !important; border-color: var(--color-green) !important; color: white !important;
}

/* --- 10. ÖĞRETMEN KONTROLLERİ --- */
#teacher-controls {
    margin-bottom: 40px;
    border-bottom: 1px solid #333;
    padding-bottom: 30px;
    transform: translateY(-20px);
    width: 90% !important; max-width: 350px; /* Varsayılan */
    margin: 20px auto !important;
}

.teacher-header { text-align: center; margin-bottom: 25px; }
.teacher-title {
    color: #ffffff; font-weight: 900; font-size: 1.4rem; margin: 0;
    text-transform: uppercase; letter-spacing: 1px; text-shadow: 0px 4px 10px rgba(0,0,0,0.5);
}
.teacher-separator {
    height: 4px; width: 60px; background-color: var(--color-cyan);
    margin: 10px auto; border-radius: 2px;
}
.teacher-subtitle { color: #00ff0d; font-size: 1rem; font-weight: 500; }

/* ========================================================
   ÖĞRETMEN BAŞLAT BUTONU DÜZELTMESİ (GİZLENME SORUNU FIX)
   ======================================================== */

/* 1. Sadece "hidden" sınıfı YOKSA göster */
#teacher-start-btn:not(.hidden) {
    /* Fixed yerine Relative yapıyoruz ki içeriğin altına insin */
    position: relative !important; 
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    
    /* Ortalama ve boşluk ayarları */
    width: 90% !important; 
    max-width: 350px !important;
    margin: 30px auto 50px auto !important; /* Üstten ve alttan boşluk bırak */
    
    /* Görünürlük ayarları - SADECE hidden değilse flex uygula */
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important; 
    z-index: 100 !important;
    pointer-events: auto !important;
}

#teacher-start-btn button {
    width: 100% !important; 
    display: block !important;
    border-radius: 50px !important; 
    font-size: 18px !important; 
    padding: 15px !important;
    box-shadow: 0 10px 30px rgba(88, 204, 2, 0.5) !important;
    animation: floatY 2s ease-in-out infinite;
}

/* 2. Eğer "hidden" sınıfı varsa KESİNLİKLE gizle */
#teacher-start-btn.hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* --- ÖĞRETMEN YÜZEN KONTROLLER (SONRAKİ SORU vs.) --- */
#teacher-next-q-btn {
    position: fixed !important; bottom: 90px !important;
    left: 50% !important; transform: translateX(-50%) !important;
    width: auto !important; max-width: 95%; min-width: 200px;
    background: rgba(20, 20, 25, 0.95) !important; backdrop-filter: blur(15px);
    padding: 8px 12px !important; border-radius: 50px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    z-index: 10000 !important;
    /* Sadece hidden yoksa gösterilecek şekilde JS kontrolünde */
    display: flex; 
    align-items: center; justify-content: center; gap: 12px;
}

/* Bu kontrol de hidden sınıfı alınca gizlensin */
#teacher-next-q-btn.hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#teacher-next-q-btn button {
    margin: 0 !important; border-radius: 25px !important; font-size: 14px !important;
    box-shadow: none !important; display: flex !important; align-items: center; justify-content: center;
}

#toggle-answer-btn {
    width: 40px !important; height: 40px !important; padding: 0 !important;
    border-radius: 50% !important; font-size: 18px !important; flex-shrink: 0;
}

#main-control-btn { 
    padding: 10px 20px !important; white-space: nowrap; 
}

/* --- 11. OYUN SONU --- */
.podium-container {
    display: flex; justify-content: center; align-items: flex-end; height: 250px; gap: 15px; margin-bottom: 30px;
}
.podium-item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 80px; }
.podium-bar {
    width: 100%; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: center;
    font-size: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); animation: growUp 1s ease-out forwards; transform-origin: bottom;
}
.place-1 { height: 180px; background: linear-gradient(45deg, #ffd700, #ffec8b); border: 3px solid #e6c200; z-index: 2; }
.place-2 { height: 130px; background: linear-gradient(45deg, #c0c0c0, #e0e0e0); border: 3px solid #a8a8a8; }
.place-3 { height: 90px; background: linear-gradient(45deg, #cd7f32, #edafa0); border: 3px solid #b06b2a; }
.podium-name { color: white; font-weight: 800; margin-bottom: 10px; text-shadow: 0 2px 4px rgba(0,0,0,0.8); font-size: 14px; text-align: center; }
.podium-score { background: #333; color: var(--color-cyan); padding: 4px 8px; border-radius: 10px; font-size: 11px; font-weight: bold; margin-top: 5px; }

#live-ranking-list { display: flex; flex-direction: column; gap: 10px; max-width: 500px; margin: 0 auto; }
.live-rank-item {
    background: #202f36; padding: 15px 20px; border-radius: 16px;
    display: flex; justify-content: space-between; align-items: center;
    border: 1px solid #37464f; box-shadow: 0 4px 10px rgba(0,0,0,0.2); animation: slideInRank 0.5s ease-out;
}
.live-rank-item:nth-child(1) { border: 2px solid #ffd700; background: rgba(255, 215, 0, 0.1); }
.live-rank-item:nth-child(2) { border: 2px solid #c0c0c0; background: rgba(192, 192, 192, 0.1); }
.live-rank-item:nth-child(3) { border: 2px solid #cd7f32; background: rgba(205, 127, 50, 0.1); }

/* --- 12. PC / PROJEKTÖR MODU (GÜNCELLENDİ: BÜYÜTME) --- */
@media (min-width: 768px) {
    /* Giriş ve Bilgi Kutularını PC'de Büyüt */
    #teacher-controls {
        max-width: 600px !important; /* Genişliği 350'den 600'e çıkardık */
        padding: 40px !important;    /* Daha ferah */
        margin-top: 60px !important; /* Ortaya aldık */
        border-radius: 30px !important;
    }

    /* Yazıları Büyüt */
    .teacher-title {
        font-size: 28px !important;
        margin-bottom: 25px !important;
    }

    #live-pin-input {
        height: 70px !important;
        font-size: 36px !important;
        letter-spacing: 10px !important;
        border-width: 4px !important;
    }

    /* Diğer PC Ayarları */
    #live-options-grid { gap: 20px !important; max-width: 800px !important; padding-bottom: 50px !important; }
    .live-opt-card { min-height: 80px !important; font-size: 24px !important; border-width: 3px !important; }
    #live-q-text { font-size: 32px !important; margin-bottom: 20px !important; }
    .open-question-wrapper b { font-size: 34px !important; }
    #live-text-answer { font-size: 20px !important; padding: 20px !important; }
    #live-ranking-list { max-width: 650px; }
    .live-rank-item { padding: 20px 30px; font-size: 18px; }
    .place-1 { height: 220px; } .place-2 { height: 160px; } .place-3 { height: 120px; }
}

/* --- 13. MOBİL ÖZEL AYARLAR (GÜNCELLENDİ: HİZALAMA) --- */
@media (max-width: 600px) {
    /* Genel Genişlik ve Hizalama */
    #teacher-controls, 
    .live-join-box { 
        width: 92% !important; 
        max-width: 92% !important;
        /* Üstten boşluğu 10px yaparak Header'a yaklaştırdık */
        margin: 10px auto 20px auto !important; 
    }

    /* Şık Kartları Mobilde Daha Kompakt */
    .live-opt-card {
        pointer-events: auto !important; 
        cursor: pointer;
        min-height: 55px !important; font-size: 14px !important; padding: 5px !important;
    }
    #live-options-grid { gap: 8px !important; }

    /* KİLİTLİ DURUMLAR (FIX) */
    #live-options-grid[style*="pointer-events: none"] .live-opt-card {
        pointer-events: none !important; cursor: default; opacity: 0.3 !important; 
    }
    .dimmed-card { opacity: 0.3 !important; pointer-events: none !important; }
    .grid-disabled-timeout .live-opt-card { 
        opacity: 0.7 !important; filter: grayscale(90%); pointer-events: none !important; 
    }

    /* Diğer Mobil Ayarları */
    .open-question-wrapper {
        transform: none !important; margin: 15px auto !important; width: 94% !important; 
        grid-column: 1 / -1 !important; justify-self: center !important;
    }
    #live-text-answer, #submit-text-btn { width: 100% !important; }
    #live-timer-wrapper { top: 65px; }
}

/* ==========================================================================
   BÖLÜM 14: AÇIK TEMA (LIGHT MODE) UYUMLULUĞU
   ========================================================================== */

body.light-mode #teacher-controls {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    color: #333 !important;
}

body.light-mode .teacher-title {
    color: #222 !important;
}

body.light-mode #live-pin-input {
    background: #f3f4f6 !important;
    border-color: #ccc !important;
    color: #222 !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05) !important;
}

body.light-mode #live-pin-input:focus {
    border-color: var(--color-green) !important;
    background: #fff !important;
}

body.light-mode #waiting-pin-display {
    color: #222 !important;
    text-shadow: none !important;
}

body.light-mode #student-wait-msg {
    color: #555 !important;
}

/* Soru Metni ve Alanı */
body.light-mode #live-q-text {
    color: #111 !important;
    text-shadow: none !important;
}

/* Oyuncu Listesi (Chips) */
body.light-mode #live-player-list > div, 
body.light-mode #live-game-player-list > div {
    background: #f0f0f0 !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
}

/* Şık Kartları (Renkler kalır, gölgeler yumuşar) */
body.light-mode .live-opt-card {
    box-shadow: 0 4px 0 rgba(0,0,0,0.15) !important;
    border-color: rgba(0,0,0,0.1) !important;
}
body.light-mode .live-opt-card:active {
    box-shadow: none !important;
}

/* Açık Uçlu Soru */
body.light-mode #live-text-answer {
    background: #fff !important;
    border: 2px solid #ccc !important;
    color: #333 !important;
}

/* Liderlik Tablosu (Sıralama) */
body.light-mode .live-rank-item {
    background: #ffffff !important;
    color: #333 !important;
    border: 1px solid #eee !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Podium İsimleri */
body.light-mode .podium-name {
    color: #333 !important;
    text-shadow: none !important;
}

body.light-mode #teacher-next-q-btn {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    color: #333 !important;
}
body.light-mode #teacher-next-q-btn button {
    color: #333 !important;
}

/* Süre Barı */
body.light-mode #live-timer-wrapper {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* Geri Bildirim Kutuları (Correct/Wrong Instant) */
body.light-mode .correct-instant {
    background-color: #e6ffda !important; /* Daha açık yeşil */
    border-color: #4caf50 !important;
    color: #2e7d32 !important;
}

body.light-mode .wrong-instant {
    background-color: #ffebee !important; /* Daha açık kırmızı */
    border-color: #ef5350 !important;
    color: #c62828 !important;
}

/* ==========================================================================
   BÖLÜM 15: GÖRSEL İYİLEŞTİRMELER (HEADER & KARTLAR)
   ========================================================================== */

/* --- 1. ÜST BİLGİ BARI (Header) --- */
.live-game-info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    margin-bottom: 10px;
    background: transparent; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#live-q-counter {
    color: var(--color-cyan);
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 198, 255, 0.4);
}

.live-ans-badge {
    background: var(--color-green);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0 4px 10px rgba(88, 204, 2, 0.3);
}

/* --- LIGHT MODE (AÇIK TEMA) İÇİN HEADER --- */
body.light-mode .live-game-info-bar {
    background: #ffffff !important; 
    border-bottom: 1px solid #eee !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03); 
}

body.light-mode #live-q-counter {
    color: #0072ff !important; 
    text-shadow: none !important;
}


/* --- 2. SÜRE BİTTİĞİNDE / CEVAP VERİLDİĞİNDE KART GÖRÜNÜMÜ --- */

/* DARK MODE: Sönük Kartlar */
.grid-disabled-timeout .live-opt-card,
.dimmed-card {
    opacity: 0.2 !important; 
    filter: grayscale(100%) brightness(0.5) !important; 
    transform: scale(0.98);
}

/* DARK MODE: Doğru Cevap (Parlasın) */
.grid-disabled-timeout .live-opt-card.correct-answer-card {
    opacity: 1 !important;
    filter: none !important;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(88, 204, 2, 0.6) !important;
    z-index: 10;
}

/* --- LIGHT MODE: Sönük Kartlar (KİRLİ GÖRÜNTÜ DÜZELTMESİ) --- */
body.light-mode .grid-disabled-timeout .live-opt-card,
body.light-mode .dimmed-card {
    opacity: 1 !important; 
    background: #f3f4f6 !important; 
    color: #9ca3af !important; 
    border: 1px solid #e5e7eb !important; 
    box-shadow: none !important;
    filter: none !important; 
    cursor: default !important;
}

/* LIGHT MODE: Doğru Cevap (Canlı Yeşil) */
body.light-mode .grid-disabled-timeout .live-opt-card.correct-answer-card {
    background: #dcfce7 !important; 
    color: #166534 !important; 
    border: 2px solid #22c55e !important;
    opacity: 1 !important;
    box-shadow: 0 5px 15px rgba(34, 197, 94, 0.3) !important;
}

/* ==========================================================================
   DÜZELTME: HEADER VE ALT ALAN (GÖRÜNTÜ KESME SORUNU GİDERİLDİ)
   ========================================================================== */

/* --- 1. ÜST HEADER BAR --- */
.live-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background: rgba(0, 0, 0, 0.2); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px); 
}


/* Cevaplayan Badge (Yeşil kutu) */
.live-ans-badge {
    background: var(--color-green); 
    color: white; 
    padding: 3px 10px; 
    border-radius: 12px; 
    font-weight: bold; 
    font-size: 14px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* --- 2. ALT ALAN (PLAYER STATUS) --- */
#live-player-status-area {
    padding: 20px; 
    padding-bottom: 100px; 
    background: transparent !important; 
    border-top: none; 
}

/* --- 3. LIGHT MODE (AÇIK TEMA) AYARLARI --- */
body.light-mode .live-header-bar {
    background: #ffffff !important; 
    border-bottom: 1px solid #e0e0e0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

body.light-mode #live-q-counter {
    color: #0072ff !important; 
    text-shadow: none !important;
}


body.light-mode #live-player-status-area {
    background: #f8f9fa !important; 
    border-top: 1px solid #e0e0e0 !important; 
}

body.light-mode #live-game-player-list > div {
    background: #ffffff !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* ==========================================================================
   DÜZELTME: LIGHT MODE (AÇIK TEMA) DETAYLARI - V2
   ========================================================================== */

/* --- 1. AÇIK UÇLU SORU CEVAP KUTUSU (Öğretmen Ekranı) --- */
body.light-mode .open-question-wrapper {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #333333 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
    border-radius: 16px !important;
}

body.light-mode .open-question-wrapper b {
    color: #0072ff !important; 
    text-shadow: none !important;
    font-weight: 800 !important;
}

/* --- 2. OYUNCU "CEVAPLANDI" ROZETİ (Kullanıcı Ekranı) --- */
body.light-mode .player-answered-badge {
    background: #dcfce7 !important; 
    color: #14532d !important;      
    border: 1px solid #86efac !important;
    box-shadow: none !important;
}

.player-answered-badge span {
    color: #333 !important; 
}

body.dark-mode .player-answered-badge span {
    color: #fff !important;
}





/* --- LIGHT MODE (BEYAZ TEMA) --- */

body.light-mode .info-icon {
    background: #fff;
    border-color: #e2e8f0;
    color: #0284c7;
}
body.light-mode .info-text strong { color: #0f172a; }
body.light-mode .info-text span { color: #64748b; }
/* --- LIGHT MODE (AÇIK TEMA) UYUMU --- */

body.light-mode .info-item {
    background: #f7f9fa !important;
    border-color: #eee !important;
}

body.light-mode .info-icon {
    background: #ffffff !important;
    border: 1px solid #eee !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

body.light-mode .info-text strong { color: #333 !important; }
body.light-mode .info-text span { color: #666 !important; }

/* ========================================================
   OYUN MERKEZİ (GAMES HUB) TASARIMI
   ======================================================== */

.games-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
}

.game-card {
    background: var(--card-bg);
    border: 2px solid #37464f; 
    border-radius: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: transform 0.1s, background 0.2s;
    position: relative;
    overflow: hidden;
    top: 0;
    box-shadow: 0 4px 0 rgba(0,0,0,0.2);
}

.game-card:active {
    transform: scale(0.98);
    box-shadow: 0 2px 0 rgba(0,0,0,0.2);
}

.game-icon-box {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.game-info { flex: 1; }
.game-info h3 { margin: 0; font-size: 17px; font-weight: 800; color: var(--text-main); }
.game-info p { margin: 4px 0 0 0; font-size: 13px; color: var(--text-muted); }

.game-arrow { font-size: 20px; font-weight: 900; color: var(--text-muted); }

.active-game:hover {
    border-color: var(--color-green);
    background: rgba(88, 204, 2, 0.05);
}
.active-game .game-arrow { color: var(--color-green); }

.disabled-game {
    opacity: 0.7;
    cursor: default;
    border-color: transparent;
    background: rgba(255,255,255,0.05);
}
.disabled-game:active { transform: none; }

.soon-badge {
    background: #333;
    color: #aaa;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 8px;
    letter-spacing: 0.5px;
}

/* ========================================================
   GAMES HUB - LIGHT MODE (KESİN ÇÖZÜM)
   ======================================================== */

/* 1. Kapsayıcıyı medya sorgusundan çıkardık. */

body.light-mode .game-card, 
body.light .game-card {
    background: #ffffff !important;
    border: 2px solid #e5e5e5 !important;
    box-shadow: 0 4px 0 #e5e5e5 !important;
    color: #333 !important; 
}

body.light-mode .game-card h3, 
body.light .game-card h3,
body.light-mode .game-card p, 
body.light .game-card p {
    color: #1f2937 !important;
}

body.light-mode .game-icon-box, 
body.light .game-icon-box {
    background-color: #f3f4f6 !important;
    color: #4f46e5 !important;
}

body.light-mode .active-game:hover, 
body.light .active-game:hover {
    border-color: var(--color-green) !important;
    background: #f0fdf4 !important; 
    transform: translateY(-3px);
}

body.light-mode .disabled-game, 
body.light .disabled-game {
    background: #f9fafb !important;
    border-color: #f3f4f6 !important;
    opacity: 0.7 !important;
    box-shadow: none !important;
}

body.light-mode .soon-badge, 
body.light .soon-badge {
    background: #e5e7eb !important;
    color: #6b7280 !important;
    border: 1px solid #d1d5db !important;
}

body.light-mode .game-arrow, 
body.light .game-arrow {
    color: #9ca3af !important;
}


/* 2. ÖĞRETMEN PANELİ GÖRÜNÜRLÜK SORUNU */
/* ========================================================
   ÖĞRETMEN PANELİ (MOBİL VE PC UYUMLU)
   ======================================================== */

#teacher-controls {
    /* Senin verdiğin görsel ayarlar */
    background: var(--card-bg); /* Eğer bu değişken yoksa #1e293b gibi koyu bir renk de verebilirsin */
    border: 1px solid rgba(255,255,255,0.2) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
    position: relative !important;
    z-index: 10 !important;
    border-radius: 24px !important; /* Köşeleri yuvarladık */

    /* Varsayılan (Mobil Öncelikli) Konum Ayarları */
    width: 90% !important;
    max-width: 350px !important; /* Mobilde çok genişlemesin */
    margin: 15px auto 30px auto !important; /* Üstten biraz boşluk, ortala */
    padding: 20px !important; /* Mobilde iç boşluk ideal seviyede */
    box-sizing: border-box !important;
}

/* --- PC SÜRÜMÜ (Ekran Genişleyince) --- */
@media (min-width: 768px) {
    #teacher-controls {
        max-width: 600px !important; /* PC'de daha geniş olsun */
        padding: 40px !important;    /* İçerik ferahlasın */
        margin-top: 50px !important;
    }
}

/* --- LIGHT MODE (BEYAZ TEMA) DÜZELTMESİ --- */
/* Arka plan değişkeni (var--card-bg) beyaz modda çalışmazsa burası devreye girer */
body.light-mode #teacher-controls {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    color: #333 !important;
}


/* ========================================================
   SELECT KUTULARI - DAHA KOYU ARKA PLAN
   ======================================================== */

#teacher-category-select,
#teacher-test-select {
    /* İstenen koyu renk (neredeyse siyah ama gri tonlu) */
    background-color: #1a1a1e !important; 
    
    /* Yazılar net okunsun diye beyaz */
    color: #ffffff !important;
    
    /* Kenarlıklar çok sırıtmamalı */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Light Mode (Beyaz Tema) için düzeltme */
body.light-mode #teacher-category-select,
body.light-mode #teacher-test-select {
    background-color: #f3f4f6 !important;
    color: #333 !important;
    border: 1px solid #d1d5db !important;
}

/* Light Mode için Öğretmen Paneli */
body.light-mode #teacher-controls {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* ==========================================================================
   NASIL OYNANIR KUTUSU (LIVE INFO BOX) - SIFIRDAN TEMİZ KURULUM
   ========================================================================== */

/* 1. KUTU GENEL YAPISI (MOBİL ÖNCELİKLİ) */
.live-info-box {
    /* Görsel Tasarım (Kart Görünümü) */
    background: var(--card-bg, #1e293b) !important; /* Arka plan rengi */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
    
    /* Boyut ve Konum */
    width: 90% !important;
    max-width: 350px !important; /* Mobilde Join Box ile aynı genişlik */
    margin: 30px auto !important; /* Üstten ve alttan boşluk */
    padding: 25px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    
    /* Animasyon */
    animation: fadeInUp 0.5s ease-out;
}

/* 2. BAŞLIK */
.live-info-box h3 {
    margin: 0 0 20px 0 !important;
    font-size: 1.2rem !important;
    color: var(--color-cyan, #00d4ff) !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    letter-spacing: 1px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 10px !important;
}

/* 3. İÇ KUTULAR (INFO ITEMS) - MOBİLDE YATAY HİZALAMA */
.info-item {
    display: flex !important;
    align-items: center !important; /* İkon ve yazıyı ortala */
    gap: 15px !important;
    
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 15px !important;
    margin-bottom: 15px !important; /* Mobilde alt alta boşluk */
    text-align: left !important;
}

/* Son elemanın alt boşluğunu al */
.info-item:last-child {
    margin-bottom: 0 !important;
}

/* 4. İKON STİLİ */
.info-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 24px !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 50% !important; /* Yuvarlak */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    flex-shrink: 0 !important; /* Küçülmesini engelle */
}

/* 5. METİN ALANI */
.info-text {
    display: flex !important;
    flex-direction: column !important;
}

.info-text strong {
    color: #fff !important;
    font-size: 15px !important;
    margin-bottom: 4px !important;
}

.info-text span {
    color: #94a3b8 !important; /* Okunabilir gri */
    font-size: 13px !important;
    line-height: 1.3 !important;
}

/* ==========================================================================
   PC / TABLET SÜRÜMÜ (Masaüstü için Özel Ayarlar)
   ========================================================================== */
@media (min-width: 768px) {
    .live-info-box {
        /* Genişlik Artır */
        max-width: 900px !important;
        margin-top: 50px !important;
        
        /* IZGARA SİSTEMİ (YAN YANA 3 KUTU) */
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important; /* 3 Eşit parça */
        gap: 20px !important;
        align-items: stretch !important; /* Kutuların boyunu eşitle (Sarkmayı engeller) */
    }

    /* Başlığı tüm satıra yay */
    .live-info-box h3 {
        grid-column: 1 / -1 !important;
        border-bottom: none !important; /* PC'de çizgi kalksın */
        font-size: 24px !important;
        margin-bottom: 10px !important;
    }

    /* Kutuları Dikey Hale Getir (İkon üstte, yazı altta) */
    .info-item {
        flex-direction: column !important;
        text-align: center !important;
        justify-content: flex-start !important;
        
        margin-bottom: 0 !important; /* Grid olduğu için margin'e gerek yok */
        padding: 30px 20px !important;
        height: auto !important;
        min-height: 100% !important; /* Kutuyu doldur */

        /* İç boşlukları azalt (Yüksekliği düşürür) */
        padding: 5px !important; 
        margin-bottom: 0 !important;
        height: 100% !important; 
    }

    /* İkonu Büyüt ve Ortala */
    .info-icon {
        width: 70px !important;
        height: 70px !important;
        font-size: 32px !important;
        transform: translateY(15px) !important;
        margin: 0 auto 15px auto !important;
    }

    /* Yazı Stilleri */
    .info-text {
        align-items: center !important;
    }
    .info-text strong {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }
    .info-text span {
        font-size: 14px !important;
    }
}

/* ==========================================================================
   LIGHT MODE (BEYAZ TEMA) UYUMU
   ========================================================================== */
body.light-mode .live-info-box {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    color: #333 !important;
}
body.light-mode .live-info-box h3 { color: #0284c7 !important; }
body.light-mode .info-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
body.light-mode .info-icon {
    background: #fff !important;
    border-color: #e2e8f0 !important;
    color: #0284c7 !important;
}
body.light-mode .info-text strong { color: #0f172a !important; }
body.light-mode .info-text span { color: #64748b !important; }

/* ========================================================
   CEVAPLANDI ROZETİ RENK DÜZELTMESİ (DARK/LIGHT FIX)
   ======================================================== */

/* 1. Varsayılan (Koyu Mod) - Yazılar Beyaz Olsun */
.player-answered-badge,
.player-answered-badge span,
.player-answered-badge b {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* 2. Açık Mod (Light Mode) - Yazılar Koyu Olsun */
body.light-mode .player-answered-badge {
    background: #dcfce7 !important; /* Açık yeşil zemin */
    border: 1px solid #86efac !important;
    color: #14532d !important;      /* Koyu yeşil yazı */
}

body.light-mode .player-answered-badge span,
body.light-mode .player-answered-badge b {
    color: #14532d !important; /* Koyu yeşil/siyah yazı */
}


/* ========================================================================
   SLOVRA LIVE V5 — GELİŞMİŞ CANLI YARIŞMA
   ======================================================================== */
.live-room-settings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
    text-align: left;
}
.live-room-settings label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #b8c0cc;
    font-size: 12px;
    font-weight: 800;
}
.live-room-settings label > span { padding-left: 2px; }
.live-room-settings .input-field { margin: 0 !important; width: 100%; box-sizing: border-box; }
.live-toggle-setting {
    min-height: 55px;
    justify-content: space-between;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 13px;
    background: rgba(255,255,255,.04);
}
.live-toggle-setting input { width: 22px; height: 22px; accent-color: var(--color-green); }
.live-room-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 18px auto 6px;
    max-width: 720px;
}
.live-room-meta span {
    padding: 7px 11px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.05);
    color: #d7dde6;
    font-size: 12px;
    font-weight: 700;
}
.live-host-wait-actions {
    display: grid !important;
    grid-template-columns: 1fr auto;
    gap: 10px;
    max-width: 520px;
}
.live-host-wait-actions.hidden { display: none !important; }
.live-host-wait-actions .btn-outline { min-width: 130px; }
.live-lobby-player {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.07);
    font-weight: 800;
    color: #f4f7fb;
}
.live-lobby-player button {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,82,82,.18);
    color: #ff7b7b;
    cursor: pointer;
    font-size: 17px;
    line-height: 1;
}
.live-empty {
    width: 100%;
    padding: 18px;
    color: #8993a2;
    font-size: 13px;
}
#live-timer-wrapper { position: relative; }
#live-timer-seconds {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 3;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    pointer-events: none;
}
.live-self-stat {
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.06);
    border-radius: 9px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}
.live-answer-feedback {
    position: fixed;
    left: 50%;
    bottom: 92px;
    transform: translateX(-50%);
    z-index: 80;
    min-width: 150px;
    text-align: center;
    padding: 11px 18px;
    border-radius: 999px;
    font-weight: 900;
    box-shadow: 0 12px 40px rgba(0,0,0,.28);
    pointer-events: none;
}
.live-answer-feedback.is-correct { background: #1f9d55; color: #fff; }
.live-answer-feedback.is-wrong { background: #c63b4d; color: #fff; }
.live-open-host,
.live-open-player {
    width: min(100%, 650px);
    margin: 0 auto;
    padding: 24px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045);
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
}
.live-open-host strong { font-size: 20px; }
.live-open-host span { color: #9da6b4; }
.live-open-host b { color: var(--color-green); }
.live-open-player textarea { width: 100%; box-sizing: border-box; resize: none; }
.live-player-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    color: #9ba4b2;
    font-size: 11px;
}
.live-player-chip.answered {
    color: #fff;
    border-color: rgba(88,204,2,.35);
    background: rgba(88,204,2,.13);
}
.live-round-summary {
    max-width: 650px;
    margin: 16px auto 22px;
}
.live-round-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.live-round-stat-grid > div {
    min-height: 72px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.045);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
.live-round-stat-grid span { color: #9099a8; font-size: 11px; font-weight: 800; }
.live-round-stat-grid strong { color: #fff; font-size: 15px; }
.live-answer-distribution {
    display: grid;
    gap: 7px;
    margin-top: 10px;
    text-align: left;
}
.live-answer-distribution > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.035);
}
.live-answer-distribution > div.is-correct {
    border-color: rgba(88,204,2,.35);
    background: rgba(88,204,2,.10);
}
.live-answer-distribution span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #c8ced7;
    font-size: 12px;
}
.live-answer-distribution b { color: #fff; }
.live-ranking-title { margin: 28px 0 0; font-size: 14px; color: #9099a8; }
.live-rank-item.is-me { outline: 2px solid rgba(28,176,246,.38); }
.live-rank-left { display: flex; align-items: center; gap: 11px; min-width: 0; text-align: left; }
.live-rank-left > div { display: flex; flex-direction: column; min-width: 0; }
.live-rank-left strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-rank-left small { color: #8d96a5; font-size: 10px; margin-top: 3px; }
.live-rank-medal { width: 30px; flex: 0 0 30px; text-align: center; font-size: 19px; }
.live-rank-score { color: var(--color-cyan); white-space: nowrap; }

body.light-mode .live-room-settings label,
body.light-mode .live-room-meta span,
body.light-mode .live-lobby-player,
body.light-mode .live-player-chip,
body.light-mode .live-rank-left strong { color: #253142; }
body.light-mode .live-room-meta span,
body.light-mode .live-toggle-setting,
body.light-mode .live-lobby-player,
body.light-mode .live-open-host,
body.light-mode .live-open-player,
body.light-mode .live-round-stat-grid > div,
body.light-mode .live-answer-distribution > div,
body.light-mode .live-player-chip {
    background: rgba(15,23,42,.035);
    border-color: rgba(15,23,42,.10);
}
body.light-mode .live-round-stat-grid strong,
body.light-mode .live-answer-distribution b { color: #1f2937; }
body.light-mode .live-answer-distribution span { color: #485467; }

@media (max-width: 600px) {
    .live-room-settings { grid-template-columns: 1fr; }
    .live-host-wait-actions { grid-template-columns: 1fr; padding: 0 18px; }
    .live-host-wait-actions .btn-outline { width: 100%; }
    .live-round-stat-grid { grid-template-columns: 1fr 1fr; }
    .live-round-stat-grid > div:last-child { grid-column: 1 / -1; }
    .live-header-bar { gap: 7px !important; }
    .live-info-right { gap: 5px !important; flex-wrap: wrap; justify-content: flex-end; }
    .live-self-stat { padding: 4px 6px; font-size: 10px; }
    #live-q-counter { font-size: 12px !important; }
    .live-answer-feedback { bottom: 105px; }
}


/* ===== SOURCE: assets/game/solo-games.css ===== */
/* Slovra V6.4 — Solo oyunlar */

.game-card.game-word-match:hover { border-color:#1cb0f6; background:rgba(28,176,246,.06); }
.game-card.game-memory:hover { border-color:#ce82ff; background:rgba(206,130,255,.06); }
.game-card.game-word-match .game-arrow { color:#1cb0f6; }
.game-card.game-memory .game-arrow { color:#ce82ff; }
.game-card .game-ready-badge {
    padding:5px 9px; border-radius:10px; font-size:10px; font-weight:900; letter-spacing:.45px;
    background:rgba(88,204,2,.15); color:#77e332; border:1px solid rgba(88,204,2,.25);
}

.solo-game-screen { padding-bottom:100px; }
.solo-game-page { max-width:560px; margin:0 auto; padding:8px 0 28px; }
.solo-game-hero {
    position:relative; overflow:hidden; border-radius:26px; padding:22px 20px; margin:10px 0 16px;
    border:2px solid #34454e; background:linear-gradient(145deg,#1d2d34,#142229);
    box-shadow:0 7px 0 #0d171c, 0 16px 34px rgba(0,0,0,.18);
}
.solo-game-hero::after {
    content:""; position:absolute; width:160px; height:160px; border-radius:50%; right:-50px; top:-70px;
    background:radial-gradient(circle,rgba(28,176,246,.22),transparent 65%); pointer-events:none;
}
.solo-game-hero.memory-hero::after { background:radial-gradient(circle,rgba(206,130,255,.24),transparent 65%); }
.solo-game-kicker { display:block; font-size:11px; font-weight:900; letter-spacing:1.2px; color:#1cb0f6; margin-bottom:7px; }
.memory-hero .solo-game-kicker { color:#ce82ff; }
.solo-game-hero h2 { margin:0; font-size:24px; line-height:1.1; color:var(--text-main); }
.solo-game-hero p { margin:8px 0 0; color:var(--text-muted); font-size:13px; line-height:1.45; max-width:390px; }

.solo-game-card {
    border:2px solid #37464f; border-radius:24px; background:var(--card-bg); padding:18px; margin-bottom:14px;
    box-shadow:0 5px 0 rgba(0,0,0,.22);
}
.solo-game-card h3 { margin:0 0 7px; color:var(--text-main); font-size:18px; }
.solo-game-muted { color:var(--text-muted); font-size:12px; line-height:1.45; }
.solo-game-config { display:flex; gap:10px; align-items:center; margin:16px 0 12px; }
.solo-game-config label { color:var(--text-muted); font-size:12px; font-weight:800; flex:1; }
.solo-game-select {
    appearance:none; min-width:120px; border:2px solid #37464f; border-radius:14px; background:#15252c; color:#fff;
    padding:11px 36px 11px 12px; font-weight:900; outline:none;
}
.solo-game-best { margin-top:13px; text-align:center; font-size:12px; font-weight:800; color:#ffc800; }

.solo-game-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0 14px; }
.solo-game-stats.three { grid-template-columns:repeat(3,1fr); }
.solo-stat {
    min-width:0; text-align:center; padding:10px 5px; border-radius:15px; border:1px solid #35464f; background:#17282f;
}
.solo-stat span { display:block; color:var(--text-muted); font-size:9px; font-weight:900; letter-spacing:.45px; text-transform:uppercase; }
.solo-stat strong { display:block; margin-top:3px; color:var(--text-main); font-size:16px; }

.match-board-wrap { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.match-column { display:flex; flex-direction:column; gap:9px; min-width:0; }
.match-column-title { text-align:center; color:var(--text-muted); font-size:10px; font-weight:900; letter-spacing:.8px; margin-bottom:2px; }
.match-tile {
    width:100%; min-height:58px; padding:9px 10px; border-radius:16px; border:2px solid #3a4c55; border-bottom-width:4px;
    background:#1d3038; color:var(--text-main); font:inherit; font-size:13px; font-weight:850; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:5px; overflow-wrap:anywhere; transition:.12s ease;
}
.match-tile:active { transform:translateY(2px); border-bottom-width:2px; }
.match-tile.is-selected { border-color:#1cb0f6; background:rgba(28,176,246,.13); box-shadow:0 0 0 2px rgba(28,176,246,.08); }
.match-tile.is-correct, .match-tile.is-matched { border-color:#58cc02; background:rgba(88,204,2,.14); color:#91eb50; }
.match-tile.is-matched { opacity:.55; pointer-events:none; }
.match-tile.is-wrong { border-color:#ff4b4b; background:rgba(255,75,75,.14); animation:soloShake .32s linear; }
.match-speak { font-size:12px; opacity:.82; flex-shrink:0; }

.memory-board { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; perspective:900px; }
.memory-card {
    position:relative; aspect-ratio:.88; min-width:0; border:0; background:transparent; padding:0; cursor:pointer;
    transform-style:preserve-3d; transition:transform .32s ease;
}
.memory-card-front,.memory-card-back {
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:7px;
    border-radius:16px; backface-visibility:hidden; border:2px solid #3a4c55; border-bottom-width:4px;
    font-weight:900; overflow-wrap:anywhere;
}
.memory-card-front { background:linear-gradient(145deg,#223941,#172930); color:#6dd5ff; font-size:21px; }
.memory-card-back { transform:rotateY(180deg); background:#1d3038; color:var(--text-main); font-size:11px; }
.memory-card.is-open { transform:rotateY(180deg); }
.memory-card.is-matched .memory-card-back { border-color:#58cc02; background:rgba(88,204,2,.15); color:#91eb50; }
.memory-card.is-matched { pointer-events:none; }
.memory-card.is-wrong .memory-card-back { border-color:#ff4b4b; background:rgba(255,75,75,.14); }
.memory-ru .memory-card-back { border-color:#1cb0f6; }
.memory-tr .memory-card-back { border-color:#ce82ff; }

.solo-result { text-align:center; padding:24px 18px; }
.solo-result-emoji { font-size:50px; line-height:1; margin-bottom:10px; }
.solo-result h2 { margin:0; color:var(--text-main); }
.solo-result p { color:var(--text-muted); line-height:1.5; }
.solo-result-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }

@keyframes soloShake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-4px)} 75%{transform:translateX(4px)} }

body.light-mode .solo-game-hero,
body.light-mode .solo-game-card { background:#fff; border-color:#dfe7eb; box-shadow:0 5px 0 #dce5e9; }
body.light-mode .solo-game-select,
body.light-mode .solo-stat,
body.light-mode .match-tile,
body.light-mode .memory-card-back { background:#f5f8fa; color:#24323a; border-color:#d9e3e7; }
body.light-mode .memory-card-front { background:#edf7fb; border-color:#d9e3e7; color:#0f9fd8; }

@media (max-width:420px) {
    .solo-game-page { padding-left:0; padding-right:0; }
    .solo-game-hero { padding:19px 17px; border-radius:22px; }
    .solo-game-stats { gap:6px; }
    .solo-stat { padding:8px 3px; }
    .solo-stat strong { font-size:14px; }
    .match-board-wrap { gap:7px; }
    .match-column { gap:7px; }
    .match-tile { min-height:54px; padding:7px; font-size:12px; border-radius:14px; }
    .memory-board { gap:7px; }
    .memory-card-front,.memory-card-back { border-radius:13px; padding:5px; font-size:10px; }
    .memory-card-front { font-size:18px; }
}


/* Slovra V6.5 — Oyun arayüzü renk yükseltmesi */
.games-hero-banner {
    border:none; margin-top:10px; position:relative; overflow:hidden;
    background:linear-gradient(135deg,#162b5f 0%, #4f46e5 38%, #8b5cf6 100%);
    box-shadow:0 12px 30px rgba(79,70,229,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.games-hero-banner::before,
.games-hero-banner::after {
    content:""; position:absolute; border-radius:50%; pointer-events:none;
}
.games-hero-banner::before { width:180px; height:180px; right:-45px; top:-65px; background:radial-gradient(circle, rgba(255,255,255,.18), transparent 68%); }
.games-hero-banner::after { width:130px; height:130px; left:-20px; bottom:-55px; background:radial-gradient(circle, rgba(28,176,246,.22), transparent 70%); }
.games-hero-copy { position:relative; z-index:1; }
.games-hero-kicker { display:inline-block; font-size:11px; font-weight:900; letter-spacing:1px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.16); color:#fff; margin-bottom:8px; }
.games-hero-banner h2 { margin:0; color:#fff; font-size:25px; }
.games-hero-banner p { margin:6px 0 0; color:rgba(255,255,255,.92); font-size:13px; line-height:1.5; max-width:430px; }
.games-hero-chips { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.games-hero-chips span { background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:999px; padding:7px 10px; font-size:11px; font-weight:800; backdrop-filter:blur(6px); }

.colorful-games-grid { padding-top:14px; }
.game-card {
    background:linear-gradient(180deg, rgba(24,37,43,.98), rgba(18,29,34,.98));
    border-color:#3b4c56; box-shadow:0 7px 0 rgba(9,16,20,.8), 0 10px 18px rgba(0,0,0,.16);
}
.game-card:hover { transform:translateY(-2px); }
.game-card:active { transform:translateY(2px) scale(.99); }
.game-card::before {
    content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.04), transparent 45%); pointer-events:none;
}
.game-card-badge {
    position:absolute; right:12px; top:10px; z-index:1;
    padding:5px 9px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.55px;
    background:rgba(88,204,2,.16); color:#92f44a; border:1px solid rgba(88,204,2,.22);
}
.game-card-badge.blue { background:rgba(28,176,246,.15); color:#73d8ff; border-color:rgba(28,176,246,.25); }
.game-card-badge.purple { background:rgba(206,130,255,.16); color:#e4b8ff; border-color:rgba(206,130,255,.24); }
.game-live-colorful:hover { border-color:#58cc02; background:linear-gradient(180deg, rgba(29,47,22,.95), rgba(18,31,20,.97)); }
.game-word-match:hover { border-color:#1cb0f6; background:linear-gradient(180deg, rgba(16,42,52,.95), rgba(14,31,38,.98)); }
.game-memory:hover { border-color:#ce82ff; background:linear-gradient(180deg, rgba(40,26,52,.95), rgba(24,18,34,.98)); }
.game-card .game-icon-box { box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.05); }
.game-card .game-info h3 { margin-right:70px; }
.game-card .game-arrow { width:36px; height:36px; border-radius:12px; background:rgba(255,255,255,.05); display:flex; align-items:center; justify-content:center; }
.game-word-match .game-arrow { background:rgba(28,176,246,.10); }
.game-memory .game-arrow { background:rgba(206,130,255,.10); }

.solo-game-page { max-width:580px; }
.solo-game-hero {
    border:0; padding:24px 22px; margin:10px 0 18px;
    background:linear-gradient(135deg,#182d5e 0%, #203e89 35%, #0f7ac0 100%);
    box-shadow:0 10px 0 rgba(10,22,38,.75), 0 18px 34px rgba(12,55,91,.22);
}
.solo-game-hero::before {
    content:""; position:absolute; inset:1px; border-radius:25px; border:1px solid rgba(255,255,255,.08); pointer-events:none;
}
.solo-game-hero::after { width:190px; height:190px; right:-40px; top:-70px; background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%); }
.solo-game-hero.memory-hero {
    background:linear-gradient(135deg,#3b1563 0%, #7c3aed 42%, #d946ef 100%);
    box-shadow:0 10px 0 rgba(30,10,47,.74), 0 18px 34px rgba(77,21,110,.22);
}
.solo-game-kicker { color:#dcf2ff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:7px 11px; display:inline-flex; align-items:center; }
.solo-game-hero h2 { font-size:28px; color:#fff; }
.solo-game-hero p { color:rgba(255,255,255,.88); font-size:13px; max-width:440px; }
.solo-hero-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; position:relative; z-index:1; }
.solo-hero-chips span {
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:999px;
    padding:7px 10px; font-size:11px; font-weight:800; backdrop-filter:blur(5px);
}

.solo-game-card {
    border:1px solid rgba(255,255,255,.06); border-radius:26px;
    background:linear-gradient(180deg, rgba(26,38,44,.97), rgba(18,29,34,.98));
    padding:18px; margin-bottom:15px; box-shadow:0 8px 0 rgba(8,13,16,.78), 0 14px 28px rgba(0,0,0,.15);
}
.setup-card { position:relative; overflow:hidden; }
.setup-card::before {
    content:""; position:absolute; inset:0 0 auto 0; height:5px; border-radius:26px 26px 0 0;
    background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.35), rgba(255,255,255,.08));
}
.blue-setup::before { background:linear-gradient(90deg,#1cb0f6,#73d8ff,#1cb0f6); }
.purple-setup::before { background:linear-gradient(90deg,#a855f7,#d946ef,#a855f7); }
.solo-game-card h3 { font-size:19px; }
.solo-game-muted { color:#afc0c8; font-size:12px; }
.solo-game-config {
    margin:18px 0 14px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05);
    border-radius:18px; padding:12px; justify-content:space-between;
}
.solo-game-config label { color:#d4e2e7; font-size:12px; }
.solo-game-select {
    border-color:rgba(255,255,255,.08); border-bottom-width:3px; background:#132129;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04); min-width:138px;
}
#word-match-setup .big-btn,
#word-match-result .btn-cyan { box-shadow:0 6px 0 #0a6f99, 0 10px 18px rgba(28,176,246,.24); }
#memory-setup .big-btn,
#memory-result .big-btn:not(.btn-outline) { box-shadow:0 6px 0 #7131a7, 0 10px 18px rgba(168,85,247,.24) !important; }
.play-card { padding-top:15px; }
.solo-game-mini-title {
    text-align:center; font-size:11px; font-weight:900; letter-spacing:.7px; text-transform:uppercase;
    color:#b9cad0; margin-bottom:12px;
}
.solo-game-best {
    background:rgba(255,200,0,.08); border:1px solid rgba(255,200,0,.12); border-radius:14px; padding:10px 12px;
}

.solo-game-stats { gap:10px; margin:12px 0 16px; }
.solo-stat {
    border:1px solid rgba(255,255,255,.05); border-radius:18px; background:linear-gradient(180deg, rgba(25,38,44,.98), rgba(17,28,33,.98));
    box-shadow:0 6px 0 rgba(9,14,18,.75);
}
.solo-game-stats .solo-stat:nth-child(1) { background:linear-gradient(180deg, rgba(30,74,90,.98), rgba(17,39,47,.98)); }
.solo-game-stats .solo-stat:nth-child(2) { background:linear-gradient(180deg, rgba(70,45,109,.98), rgba(38,25,60,.98)); }
.solo-game-stats .solo-stat:nth-child(3) { background:linear-gradient(180deg, rgba(86,64,21,.98), rgba(53,39,14,.98)); }
.solo-game-stats .solo-stat:nth-child(4) { background:linear-gradient(180deg, rgba(41,82,36,.98), rgba(24,51,21,.98)); }
.solo-stat span { color:#cee0e8; font-size:9px; }
.solo-stat strong { color:#fff; font-size:17px; }

.match-board-wrap {
    gap:12px; padding:4px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); border-radius:20px;
}
.match-column {
    background:rgba(7,15,19,.18); border-radius:18px; padding:10px; border:1px solid rgba(255,255,255,.04);
}
.match-column-title {
    font-size:11px; padding:7px 9px; border-radius:999px; margin-bottom:8px; background:rgba(255,255,255,.06); color:#d7e8ef;
}
.match-board-wrap > .match-column:first-child .match-column-title { background:rgba(28,176,246,.15); color:#86e1ff; }
.match-board-wrap > .match-column:last-child .match-column-title { background:rgba(88,204,2,.15); color:#9aed62; }
.match-tile {
    min-height:60px; border-radius:18px; border:2px solid rgba(255,255,255,.06); border-bottom-width:5px;
    background:linear-gradient(180deg, rgba(35,52,61,.98), rgba(24,38,45,.98));
    box-shadow:0 5px 0 rgba(8,14,17,.55); font-size:13px;
}
.match-board-wrap > .match-column:first-child .match-tile { background:linear-gradient(180deg, rgba(20,56,68,.98), rgba(17,38,46,.98)); }
.match-board-wrap > .match-column:last-child .match-tile { background:linear-gradient(180deg, rgba(34,54,35,.98), rgba(23,38,23,.98)); }
.match-tile:hover { transform:translateY(-1px); }
.match-tile.is-selected { border-color:#ffd54f; background:linear-gradient(180deg, rgba(87,70,16,.98), rgba(59,45,9,.98)); box-shadow:0 0 0 2px rgba(255,213,79,.10), 0 5px 0 rgba(8,14,17,.55); }
.match-tile.is-correct, .match-tile.is-matched { background:linear-gradient(180deg, rgba(50,90,27,.98), rgba(31,56,18,.98)); }
.match-speak {
    width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%;
    background:rgba(255,255,255,.08); font-size:12px;
}

.memory-board {
    gap:10px; padding:3px;
}
.memory-card { filter:drop-shadow(0 4px 0 rgba(8,14,17,.55)); }
.memory-card-front,.memory-card-back {
    border:2px solid rgba(255,255,255,.07); border-bottom-width:5px; border-radius:18px; overflow:hidden;
}
.memory-card-front {
    background:linear-gradient(135deg,#2e8fff 0%, #49c8ff 48%, #8ce6ff 100%); color:#fff; font-size:22px;
}
.memory-card-front::before {
    content:"✦"; position:absolute; top:8px; right:9px; font-size:12px; opacity:.7;
}
.memory-card-back { background:linear-gradient(180deg, rgba(36,50,59,.98), rgba(24,36,44,.98)); font-size:12px; }
.memory-ru .memory-card-back { background:linear-gradient(180deg, rgba(19,61,78,.98), rgba(15,39,51,.98)); }
.memory-tr .memory-card-back { background:linear-gradient(180deg, rgba(60,30,83,.98), rgba(39,20,56,.98)); }
.memory-card.is-matched .memory-card-back { background:linear-gradient(180deg, rgba(56,95,32,.98), rgba(31,55,18,.98)); }
.memory-card.is-wrong .memory-card-back { background:linear-gradient(180deg, rgba(98,34,34,.98), rgba(57,20,20,.98)); }

.solo-result {
    position:relative; overflow:hidden; border:0;
    background:linear-gradient(135deg, rgba(20,37,59,.98), rgba(16,79,111,.98));
    box-shadow:0 10px 0 rgba(8,20,32,.74), 0 16px 30px rgba(8,43,68,.22);
}
#memory-result.solo-result {
    background:linear-gradient(135deg, rgba(54,27,76,.98), rgba(121,40,202,.96));
    box-shadow:0 10px 0 rgba(25,10,38,.74), 0 16px 30px rgba(73,20,110,.20);
}
.solo-result::after {
    content:""; position:absolute; width:180px; height:180px; right:-55px; top:-70px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.18), transparent 66%);
}
.solo-result-emoji { font-size:58px; }
.solo-result h2,.solo-result p { position:relative; z-index:1; }
.solo-result h2 { color:#fff; }
.solo-result p { color:rgba(255,255,255,.9); }
.solo-result .btn-outline { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); color:#fff; }

body.light-mode .games-hero-banner { box-shadow:0 12px 22px rgba(79,70,229,.16); }
body.light-mode .game-card { background:linear-gradient(180deg,#ffffff,#f8fbfc) !important; border-color:#dbe6ea !important; box-shadow:0 6px 0 #dbe6ea, 0 8px 18px rgba(0,0,0,.05) !important; }
body.light-mode .game-card .game-arrow { background:#f3f6f9 !important; }
body.light-mode .solo-game-hero { box-shadow:0 8px 0 rgba(195,214,224,.9), 0 14px 28px rgba(79,70,229,.12); }
body.light-mode .solo-game-card { background:linear-gradient(180deg,#fff,#f7fafb); border-color:#dce6ea; box-shadow:0 7px 0 #dce6ea, 0 12px 22px rgba(0,0,0,.05); }
body.light-mode .solo-game-config,
body.light-mode .match-board-wrap,
body.light-mode .match-column,
body.light-mode .solo-stat { background:rgba(243,247,249,.96); border-color:#dce6ea; }
body.light-mode .solo-game-mini-title,
body.light-mode .solo-game-muted,
body.light-mode .solo-stat span,
body.light-mode .match-column-title { color:#566a74; }
body.light-mode .match-tile { box-shadow:0 4px 0 #dce6ea; }
body.light-mode .memory-card { filter:drop-shadow(0 4px 0 #dce6ea); }
body.light-mode .solo-result { box-shadow:0 8px 0 rgba(204,221,228,.95), 0 12px 24px rgba(79,70,229,.10); }

@media (max-width:420px) {
    .games-hero-banner h2 { font-size:22px; }
    .games-hero-chips span, .solo-hero-chips span { font-size:10px; padding:6px 9px; }
    .game-card { padding:14px 13px; }
    .game-card .game-info h3 { margin-right:60px; font-size:16px; }
    .game-card-badge { top:9px; right:10px; }
    .solo-game-hero { padding:22px 18px; }
    .solo-game-hero h2 { font-size:24px; }
    .solo-game-card { border-radius:22px; padding:16px; }
    .solo-game-config { flex-direction:column; align-items:stretch; gap:10px; }
    .solo-game-select { width:100%; }
    .match-board-wrap { grid-template-columns:1fr; }
    .memory-card-front,.memory-card-back { border-radius:16px; }
}


/* V6.5.1 hotfix — badge/arrow collision + memory back visibility */
.game-card { align-items:center; }
.game-card-badge {
    left:78px;
    right:auto;
    top:10px;
}
.game-card .game-info {
    padding-top:18px;
    min-width:0;
}
.game-card .game-info h3 {
    margin-right:0;
}
.game-card .game-arrow {
    flex-shrink:0;
    align-self:center;
    margin-top:8px;
}

.memory-board {
    perspective:1200px;
}
.memory-card {
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}
.memory-card-front,
.memory-card-back {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}
.memory-card-front {
    transform:rotateY(0deg) translateZ(1px);
}
.memory-card-back {
    transform:rotateY(180deg) translateZ(1px);
    line-height:1.25;
    color:#ffffff;
}
.memory-card.is-open {
    transform:rotateY(180deg) translateZ(0);
}
.memory-card.is-matched {
    transform:rotateY(180deg) translateZ(0);
}
.memory-card-back,
.memory-ru .memory-card-back,
.memory-tr .memory-card-back,
.memory-card.is-matched .memory-card-back,
.memory-card.is-wrong .memory-card-back {
    display:flex;
    align-items:center;
    justify-content:center;
}

@media (max-width:420px) {
    .game-card-badge {
        left:72px;
        top:9px;
        font-size:9px;
        padding:5px 8px;
    }
    .game-card .game-info {
        padding-top:17px;
    }
    .game-card .game-arrow {
        width:32px;
        height:32px;
        margin-top:10px;
    }
    .memory-card-back {
        font-size:11px;
        padding:6px;
    }
}


/* V6.5.2 hotfix — game badge layout + reliable memory flip */
.game-card {
    padding-top: 42px;
    align-items: center;
}
.game-card-badge {
    left: 14px !important;
    right: auto !important;
    top: 10px !important;
    max-width: calc(100% - 28px);
}
.game-card .game-info {
    padding-top: 0 !important;
    min-width: 0;
}
.game-card .game-info h3 {
    margin-right: 0 !important;
    line-height: 1.2;
}
.game-card .game-arrow {
    margin-top: 0 !important;
    align-self: center;
}

.memory-board {
    perspective: 1400px;
}
.memory-card {
    display: block;
    perspective: 1000px;
    transform: none !important;
    filter: drop-shadow(0 4px 0 rgba(8,14,17,.55));
}
.memory-card-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform .38s ease;
}
.memory-card-front,
.memory-card-back {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px;
    border-radius: 18px;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.memory-card-front {
    transform: rotateY(0deg);
}
.memory-card-back {
    transform: rotateY(180deg);
    line-height: 1.25;
    color: #fff;
}
.memory-card.is-open .memory-card-inner,
.memory-card.is-matched .memory-card-inner {
    transform: rotateY(180deg);
}
.memory-card.is-wrong .memory-card-inner {
    transform: rotateY(180deg);
}

@media (max-width:420px) {
    .game-card {
        padding-top: 40px;
    }
    .game-card-badge {
        left: 12px !important;
        top: 9px !important;
        font-size: 9px;
        padding: 5px 8px;
    }
    .memory-card-front,
    .memory-card-back {
        border-radius: 16px;
        padding: 6px;
    }
    .memory-card-back {
        font-size: 11px;
    }
}


/* V6.5.3 — memory flip cache-bust + face stacking hardening */
.memory-card-inner {
    isolation:isolate;
}
.memory-card-front {
    z-index:2;
    pointer-events:none;
}
.memory-card-back {
    z-index:1;
    pointer-events:none;
}
.memory-card.is-open .memory-card-front,
.memory-card.is-matched .memory-card-front,
.memory-card.is-wrong .memory-card-front {
    z-index:1;
}
.memory-card.is-open .memory-card-back,
.memory-card.is-matched .memory-card-back,
.memory-card.is-wrong .memory-card-back {
    z-index:3;
}


/* ======================================================================
   SLOVRA V6.5.5 — compact game headers + deterministic memory cards
   ====================================================================== */

/* Large campaign-style banners are intentionally reduced to Slovra card scale. */
.games-hero-banner,
.solo-game-hero,
.solo-game-hero.memory-hero {
    position: relative;
    overflow: hidden;
    border: 2px solid #37464f !important;
    border-radius: 20px !important;
    padding: 14px 15px !important;
    margin: 8px 0 13px !important;
    box-shadow: 0 5px 0 rgba(8,14,17,.58) !important;
}

.games-hero-banner {
    background: linear-gradient(145deg, #1d2d34 0%, #17262d 100%) !important;
}
.games-hero-banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 18px 0 0 18px;
    background: linear-gradient(#7c5cff, #1cb0f6);
}
.games-hero-banner::after {
    width: 90px !important;
    height: 90px !important;
    right: -30px !important;
    top: -34px !important;
    opacity: .5;
}
.games-hero-kicker {
    padding: 4px 8px !important;
    margin: 0 0 5px !important;
    font-size: 9px !important;
    letter-spacing: .8px !important;
    color: #c8bfff !important;
    background: rgba(124,92,255,.10) !important;
    border: 1px solid rgba(124,92,255,.18) !important;
}
.games-hero-banner h2 {
    font-size: 19px !important;
    line-height: 1.15 !important;
    color: var(--text-main) !important;
}
.games-hero-banner p {
    margin-top: 4px !important;
    max-width: 430px !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    color: var(--text-muted) !important;
}
.games-hero-chips {
    gap: 5px !important;
    margin-top: 9px !important;
}
.games-hero-chips span {
    padding: 4px 7px !important;
    font-size: 9px !important;
    color: #cbd9df !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

.solo-game-hero,
.solo-game-hero.match-hero {
    background: linear-gradient(145deg, #1b3038 0%, #15252c 100%) !important;
}
.solo-game-hero.memory-hero {
    background: linear-gradient(145deg, #292137 0%, #1d2630 100%) !important;
}
.solo-game-hero::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    border: 0 !important;
    border-radius: 18px 0 0 18px !important;
    background: linear-gradient(#1cb0f6, #58cc02) !important;
}
.solo-game-hero.memory-hero::before {
    background: linear-gradient(#ce82ff, #7c5cff) !important;
}
.solo-game-hero::after {
    width: 95px !important;
    height: 95px !important;
    right: -34px !important;
    top: -38px !important;
    opacity: .45 !important;
}
.solo-game-kicker {
    display: inline-flex !important;
    margin: 0 0 5px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    letter-spacing: .75px !important;
    color: #73d8ff !important;
    background: rgba(28,176,246,.09) !important;
    border: 1px solid rgba(28,176,246,.16) !important;
}
.memory-hero .solo-game-kicker {
    color: #dfaaff !important;
    background: rgba(206,130,255,.09) !important;
    border-color: rgba(206,130,255,.16) !important;
}
.solo-game-hero h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.15 !important;
    color: var(--text-main) !important;
}
.solo-game-hero p {
    margin: 4px 0 0 !important;
    max-width: 450px !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    color: var(--text-muted) !important;
}
.solo-hero-chips {
    gap: 5px !important;
    margin-top: 8px !important;
}
.solo-hero-chips span {
    padding: 4px 7px !important;
    font-size: 9px !important;
    color: #c6d5dc !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

/* Game hub badges: stay in their own row, never collide with title or arrow. */
.game-card {
    padding: 13px 13px !important;
    padding-top: 13px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0,1fr) 36px !important;
    grid-template-areas:
        "icon badge arrow"
        "icon info arrow" !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
}
.game-card .game-icon-box { grid-area: icon !important; }
.game-card-badge {
    grid-area: badge !important;
    position: static !important;
    justify-self: start !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    padding: 4px 7px !important;
    line-height: 1 !important;
}
.game-card .game-info {
    grid-area: info !important;
    padding: 0 !important;
    min-width: 0 !important;
}
.game-card .game-info h3 {
    margin: 0 !important;
    line-height: 1.18 !important;
}
.game-card .game-arrow {
    grid-area: arrow !important;
    align-self: center !important;
    margin: 0 !important;
}

/* Memory game: no 3D faces. The visible text is changed by JS. */
.memory-board {
    perspective: none !important;
    gap: 9px !important;
}
.memory-card {
    position: relative !important;
    display: block !important;
    aspect-ratio: .88 !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
    transform-style: flat !important;
    perspective: none !important;
    filter: drop-shadow(0 4px 0 rgba(8,14,17,.52)) !important;
    cursor: pointer !important;
}
.memory-card-inner,
.memory-card-front,
.memory-card-back {
    display: none !important;
}
.memory-card-face {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px;
    border-radius: 16px;
    border: 2px solid rgba(255,255,255,.07);
    border-bottom-width: 5px;
    background: linear-gradient(145deg,#223941,#172930);
    color: #6dd5ff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.22;
    overflow-wrap: anywhere;
    word-break: break-word;
    transition: transform .12s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.memory-card:active .memory-card-face {
    transform: translateY(2px);
    border-bottom-width: 3px;
}
.memory-card.is-open .memory-card-face {
    font-size: 12px;
    color: #fff;
    transform: none;
}
.memory-card.memory-ru.is-open .memory-card-face {
    border-color: #1cb0f6;
    background: linear-gradient(180deg, #163f50, #102e3b);
}
.memory-card.memory-tr.is-open .memory-card-face {
    border-color: #ce82ff;
    background: linear-gradient(180deg, #48265d, #321b42);
}
.memory-card.is-matched .memory-card-face {
    border-color: #58cc02 !important;
    background: linear-gradient(180deg, #365e24, #244319) !important;
    color: #b8ff82 !important;
}
.memory-card.is-wrong .memory-card-face {
    border-color: #ff4b4b !important;
    background: linear-gradient(180deg, #682929, #461c1c) !important;
    animation: soloShake .32s linear;
}

body.light-mode .games-hero-banner,
body.light-mode .solo-game-hero,
body.light-mode .solo-game-hero.memory-hero {
    background: #fff !important;
    border-color: #dce6ea !important;
    box-shadow: 0 5px 0 #dce6ea !important;
}
body.light-mode .memory-card-face {
    background: #edf7fb !important;
    color: #0f9fd8 !important;
    border-color: #d9e3e7 !important;
}
body.light-mode .memory-card.memory-ru.is-open .memory-card-face {
    background: #e7f7fd !important;
    color: #16627f !important;
    border-color: #1cb0f6 !important;
}
body.light-mode .memory-card.memory-tr.is-open .memory-card-face {
    background: #f6edfc !important;
    color: #71349a !important;
    border-color: #ce82ff !important;
}

@media (max-width:420px) {
    .games-hero-banner,
    .solo-game-hero,
    .solo-game-hero.memory-hero {
        padding: 12px 13px !important;
        border-radius: 18px !important;
    }
    .solo-game-hero h2,
    .games-hero-banner h2 { font-size: 18px !important; }
    .solo-game-hero p,
    .games-hero-banner p { font-size: 11px !important; }
    .solo-hero-chips span,
    .games-hero-chips span { font-size: 8.5px !important; padding: 4px 6px !important; }
    .game-card {
        grid-template-columns: 48px minmax(0,1fr) 32px !important;
        column-gap: 10px !important;
    }
    .game-card-badge { font-size: 8px !important; }
    .memory-card-face { border-radius: 14px; padding: 5px; }
    .memory-card.is-open .memory-card-face { font-size: 10.5px; }
}


/* ========================================================================== 
   SLOVRA V6.6 — 5 YENİ SOLO OYUN
   ========================================================================== */
.game-card-badge.orange{background:rgba(255,150,40,.15);color:#ffb35c;border-color:rgba(255,150,40,.24)}
.game-card-badge.pink{background:rgba(255,105,180,.15);color:#ff9fd0;border-color:rgba(255,105,180,.24)}
.game-card-badge.yellow{background:rgba(255,200,0,.15);color:#ffe064;border-color:rgba(255,200,0,.24)}
.game-card-badge.mint{background:rgba(38,208,124,.15);color:#75efb3;border-color:rgba(38,208,124,.24)}
.game-card-badge.red{background:rgba(255,75,75,.15);color:#ff9b9b;border-color:rgba(255,75,75,.24)}
.game-icon-speed{background:rgba(255,150,40,.15)!important;color:#ffad46!important}
.game-icon-listen{background:rgba(255,105,180,.15)!important;color:#ff9fd0!important}
.game-icon-spell{background:rgba(255,200,0,.15)!important;color:#ffd739!important}
.game-icon-truefalse{background:rgba(38,208,124,.15)!important;color:#64e8aa!important}
.game-icon-bomb{background:rgba(255,75,75,.15)!important;color:#ff7474!important}
.game-speed-translate:hover{border-color:#ff9f2f!important;background:linear-gradient(180deg,rgba(63,43,19,.95),rgba(34,27,18,.98))!important}
.game-listen-pick:hover{border-color:#ff69b4!important;background:linear-gradient(180deg,rgba(63,27,47,.95),rgba(37,20,31,.98))!important}
.game-spelling:hover{border-color:#ffc800!important;background:linear-gradient(180deg,rgba(65,54,17,.95),rgba(36,32,16,.98))!important}
.game-truefalse:hover{border-color:#26d07c!important;background:linear-gradient(180deg,rgba(24,61,46,.95),rgba(17,36,29,.98))!important}
.game-word-bomb:hover{border-color:#ff4b4b!important;background:linear-gradient(180deg,rgba(67,27,27,.95),rgba(39,19,19,.98))!important}

.mini-game-page{max-width:580px}
.mini-game-title-card{
    display:flex;align-items:center;gap:13px;margin:10px 0 14px;padding:13px 15px;border:1px solid #34464f;border-radius:19px;
    background:linear-gradient(145deg,#1b2e36,#15252c);box-shadow:0 5px 0 rgba(7,13,16,.72);position:relative;overflow:hidden
}
.mini-game-title-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1cb0f6}
.theme-orange .mini-game-title-card::before{background:#ff9f2f}.theme-pink .mini-game-title-card::before{background:#ff69b4}.theme-yellow .mini-game-title-card::before{background:#ffc800}.theme-mint .mini-game-title-card::before{background:#26d07c}.theme-red .mini-game-title-card::before{background:#ff4b4b}
.mini-game-title-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.theme-orange .mini-game-title-icon{background:rgba(255,159,47,.13)}.theme-pink .mini-game-title-icon{background:rgba(255,105,180,.13)}.theme-yellow .mini-game-title-icon{background:rgba(255,200,0,.13)}.theme-mint .mini-game-title-icon{background:rgba(38,208,124,.13)}.theme-red .mini-game-title-icon{background:rgba(255,75,75,.13)}
.mini-game-title-card span{display:block;font-size:9px;letter-spacing:.8px;font-weight:900;color:#8fa4ae;margin-bottom:3px}.mini-game-title-card h2{margin:0;color:var(--text-main);font-size:18px;line-height:1.15}.mini-game-title-card p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4}
.orange-setup::before{background:linear-gradient(90deg,#ff8a25,#ffbf63,#ff8a25)!important}.pink-setup::before{background:linear-gradient(90deg,#ff5aaa,#ff9fd0,#ff5aaa)!important}.yellow-setup::before{background:linear-gradient(90deg,#f2b900,#ffe066,#f2b900)!important}.mint-setup::before{background:linear-gradient(90deg,#21b66e,#75efb3,#21b66e)!important}.red-setup::before{background:linear-gradient(90deg,#e73d3d,#ff8a8a,#e73d3d)!important}
.mini-btn-orange{background:#ff9f2f!important;color:#fff!important;box-shadow:0 5px 0 #b96513!important}.mini-btn-pink{background:#ff69b4!important;color:#fff!important;box-shadow:0 5px 0 #b53676!important}.mini-btn-yellow{background:#ffc800!important;color:#2e2600!important;box-shadow:0 5px 0 #a17f00!important}.mini-btn-mint{background:#26d07c!important;color:#082d1d!important;box-shadow:0 5px 0 #138348!important}.mini-btn-red{background:#ff4b4b!important;color:#fff!important;box-shadow:0 5px 0 #a92626!important}

.quiz-game-card{padding:17px!important}.quiz-game-label{text-align:center;color:#91a6b0;font-size:9px;font-weight:900;letter-spacing:.85px;margin-bottom:8px}.quiz-speak-word{display:block;width:100%;border:0;background:transparent;color:#fff;font-size:27px;font-weight:900;padding:9px 8px 15px;cursor:pointer;overflow-wrap:anywhere}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-option-btn{min-height:58px;border:2px solid #3b4e58;border-bottom-width:5px;border-radius:17px;background:linear-gradient(180deg,#20343d,#182a32);color:var(--text-main);font:inherit;font-size:13px;font-weight:850;padding:10px;cursor:pointer;transition:.12s ease;overflow-wrap:anywhere}.quiz-option-btn:hover{transform:translateY(-1px);border-color:#5a7380}.quiz-option-btn:active{transform:translateY(2px);border-bottom-width:3px}.quiz-option-btn:disabled{cursor:default}.quiz-option-btn.is-correct{border-color:#58cc02!important;background:linear-gradient(180deg,#365f23,#24431a)!important;color:#b9ff87!important}.quiz-option-btn.is-wrong{border-color:#ff4b4b!important;background:linear-gradient(180deg,#682929,#461c1c)!important;color:#ffc0c0!important;animation:soloShake .3s linear}.mini-game-feedback{min-height:26px;margin-top:10px;padding:6px 8px;text-align:center;font-size:12px;font-weight:850;color:#9fb0b8;border-radius:12px}.mini-game-feedback.good{background:rgba(88,204,2,.09);color:#9aed62}.mini-game-feedback.bad{background:rgba(255,75,75,.09);color:#ff9d9d}

.listen-game-card{text-align:center}.listen-pulse-wrap{display:flex;justify-content:center;margin:0 0 13px}.listen-big-button{width:126px;height:126px;border-radius:50%;border:3px solid rgba(255,105,180,.32);background:radial-gradient(circle at 35% 30%,#ff9fd0,#ff69b4 55%,#a93170);color:#fff;box-shadow:0 8px 0 #7d2854,0 0 0 8px rgba(255,105,180,.08);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:slovraListenPulse 2.2s ease-in-out infinite}.listen-big-button span{font-size:39px;line-height:1}.listen-big-button small{font-size:8px;font-weight:900;letter-spacing:.75px;margin-top:7px}.listen-big-button:active{transform:translateY(4px);box-shadow:0 4px 0 #7d2854}@keyframes slovraListenPulse{0%,100%{box-shadow:0 8px 0 #7d2854,0 0 0 8px rgba(255,105,180,.08)}50%{box-shadow:0 8px 0 #7d2854,0 0 0 15px rgba(255,105,180,.025)}}

.spelling-card{text-align:center}.spelling-meaning{font-size:28px;font-weight:900;color:#ffe064;margin:7px 0 18px;overflow-wrap:anywhere}.spelling-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.spelling-input-wrap input{min-width:0;border:2px solid #42545e;border-bottom-width:4px;border-radius:16px;background:#14252c;color:#fff;font:inherit;font-size:16px;font-weight:800;padding:13px 14px;outline:none}.spelling-input-wrap input:focus{border-color:#ffc800}.spelling-input-wrap button{border:0;border-radius:15px;background:#ffc800;color:#292100;font-weight:900;padding:0 16px;box-shadow:0 4px 0 #947500;cursor:pointer}.spelling-actions{display:flex;justify-content:center;gap:8px;margin-top:11px}.spelling-actions button{border:1px solid #3b4e58;border-radius:999px;background:#172a32;color:#b7c7ce;font-size:11px;font-weight:800;padding:7px 11px;cursor:pointer}

.truefalse-card{text-align:center}.tf-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:4px 0 18px}.tf-pair>div:not(.tf-link){min-height:103px;border:1px solid #40515a;border-radius:18px;background:linear-gradient(180deg,#20343d,#172930);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px}.tf-pair span{font-size:9px;font-weight:900;letter-spacing:.75px;color:#8ea4ae}.tf-pair strong{margin-top:7px;color:#fff;font-size:18px;overflow-wrap:anywhere}.tf-link{color:#73858e;font-size:20px;font-weight:900}.tf-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-buttons button{min-height:54px;border:0;border-radius:17px;color:#fff;font-weight:900;font-size:13px;cursor:pointer}.tf-yes{background:#26d07c;box-shadow:0 5px 0 #148249}.tf-no{background:#ff4b4b;box-shadow:0 5px 0 #a92a2a}.tf-buttons button:active{transform:translateY(3px);box-shadow:none}

.bomb-rules{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.bomb-rules span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:10px;font-weight:850;color:#cad7dc}.bomb-timer-track{height:9px;border-radius:999px;background:#3a2525;overflow:hidden;margin:2px 0 14px;border:1px solid rgba(255,75,75,.2)}#bomb-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4b4b,#ff9f2f,#ffc800);transition:width .7s linear}.bomb-time-stat strong{color:#ff8f8f!important}.bomb-card .quiz-speak-word{color:#ffd5d5}

body.light-mode .mini-game-title-card{background:#fff;border-color:#dce6ea;box-shadow:0 5px 0 #dce6ea}.light-mode .quiz-option-btn,.light-mode .tf-pair>div:not(.tf-link),.light-mode .spelling-input-wrap input,.light-mode .spelling-actions button{background:#f5f8fa;color:#24323a;border-color:#d9e3e7}.light-mode .quiz-speak-word,.light-mode .tf-pair strong{color:#24323a}.light-mode .mini-game-title-card h2{color:#24323a}.light-mode .listen-big-button{color:#fff}.light-mode .spelling-meaning{color:#9b7700}

@media(max-width:420px){.mini-game-title-card{padding:11px 12px;gap:10px}.mini-game-title-icon{width:42px;height:42px;border-radius:13px;font-size:21px}.mini-game-title-card h2{font-size:16px}.mini-game-title-card p{font-size:10.5px}.quiz-speak-word{font-size:24px}.quiz-options-grid{gap:7px}.quiz-option-btn{min-height:54px;font-size:12px;border-radius:15px;padding:8px}.listen-big-button{width:112px;height:112px}.spelling-input-wrap{grid-template-columns:1fr}.spelling-input-wrap button{min-height:45px}.tf-pair{grid-template-columns:1fr;gap:7px}.tf-link{transform:rotate(90deg);font-size:16px}.tf-pair>div:not(.tf-link){min-height:80px}.tf-buttons{gap:8px}}


/* ===== SOURCE: assets/learning.css ===== */
/* 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}}


/* ===== SOURCE: assets/community.css ===== */
/* Slovra Community V4 */
.community-home-icon{background:rgba(255,190,20,.14)}
.community-page{padding:16px 20px 110px;display:flex;flex-direction:column;gap:14px}.community-title{font-weight:800;font-size:18px}.community-back{font-size:24px;cursor:pointer}.community-header-spacer{width:24px}
.community-card,.community-hero-card{background:var(--card-bg,#202328);border:1px solid var(--border-color,#30343b);border-radius:18px;padding:16px;box-sizing:border-box}.community-hero-card{background:linear-gradient(135deg,rgba(255,190,20,.13),rgba(28,176,246,.09));display:flex;flex-direction:column;gap:15px}.community-hero-card>div:first-child{display:flex;flex-direction:column;gap:4px}.community-hero-card>div:first-child strong{font-size:21px}.community-kicker{font-size:10px;font-weight:900;letter-spacing:.9px;color:var(--text-muted)}.community-week-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.community-week-stats div{background:rgba(255,255,255,.045);border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:4px}.community-week-stats span{font-size:10px;color:var(--text-muted);font-weight:800}.community-week-stats strong{font-size:15px}
.community-card h3{margin:0;font-size:16px}.community-card h4{font-size:13px;margin:18px 0 9px;color:var(--text-muted)}.community-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.community-muted{font-size:10px;color:var(--text-muted)}.community-list{display:flex;flex-direction:column;gap:8px}.community-rank-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid transparent}.community-rank-row.is-me{border-color:rgba(28,176,246,.32);background:rgba(28,176,246,.08)}.community-rank{font-weight:900;text-align:center}.community-rank-info{display:flex;flex-direction:column;min-width:0}.community-rank-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-rank-info span{font-size:9px;color:var(--text-muted)}.community-rank-row>b{font-size:12px;white-space:nowrap}.community-empty{padding:15px;text-align:center;color:var(--text-muted);font-size:12px;background:rgba(255,255,255,.025);border-radius:12px}
.community-join-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.community-join-row input{min-width:0;background:var(--input-bg,#16181c);border:1px solid var(--border-color,#30343b);color:var(--text-primary);border-radius:11px;padding:11px 12px;font:inherit;font-weight:700;text-transform:none}.community-join-row button,.community-code-box button,.community-ghost,.community-member-row button{border:1px solid var(--border-color,#353941);background:rgba(28,176,246,.12);color:var(--text-primary);border-radius:11px;padding:9px 12px;font-weight:900;cursor:pointer}.community-class-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.community-class-card{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--border-color,#30343b);background:rgba(255,255,255,.035);color:var(--text-primary);border-radius:14px;padding:12px;cursor:pointer}.community-class-card>span{font-size:24px}.community-class-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.community-class-card strong{font-size:13px}.community-class-card small{color:var(--text-muted);font-size:10px}
.community-code-box{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;background:rgba(255,255,255,.035);border-radius:13px;padding:11px;margin-top:4px}.community-code-box span{font-size:10px;color:var(--text-muted);font-weight:800}.community-code-box strong{font-size:18px;letter-spacing:2px}.community-member-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;background:rgba(255,255,255,.035);border-radius:12px}.community-member-row strong{font-size:12px}.community-member-row button{background:rgba(255,70,70,.1);font-size:10px;padding:7px 9px}.community-danger-btn{width:100%;margin-top:16px;border:1px solid rgba(255,70,70,.25);background:rgba(255,70,70,.08);color:#ff7777;border-radius:12px;padding:11px;font-weight:900;cursor:pointer}
@media(max-width:480px){.community-week-stats{grid-template-columns:1fr}.community-card-head{align-items:flex-start}.community-code-box{grid-template-columns:1fr auto}.community-code-box span{grid-column:1/-1}.community-rank-row{grid-template-columns:30px 1fr auto}.community-join-row{grid-template-columns:1fr}.community-join-row button{width:100%}}

/* ========================================================================== 
   V6.2 — SINIF & HAFTALIK LİG REDESIGN
   ========================================================================== */
.community-page{padding:18px 20px 110px;gap:13px}
.community-card,.community-hero-card{
    background:var(--card-bg,#202f36);
    border:0;
    border-radius:18px;
    box-shadow:0 4px 0 rgba(0,0,0,.20)
}
.community-hero-card{
    background:linear-gradient(135deg,#352d1d 0%,#203139 100%);
    box-shadow:0 5px 0 #5f4613,0 10px 24px rgba(255,150,0,.08)
}
.community-kicker{color:#ffbd55}
.community-week-stats div,.community-rank-row,.community-empty,.community-code-box,.community-member-row{
    background:#19282f;border:0;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)
}
.community-rank-row.is-me{
    background:rgba(28,176,246,.11);
    box-shadow:inset 0 0 0 2px rgba(28,176,246,.28)
}
.community-class-card{
    border:0;background:#19282f;border-radius:15px;
    box-shadow:0 3px 0 #142127;color:var(--text-main)
}
.community-class-card:active{transform:translateY(2px);box-shadow:0 1px 0 #142127}
.community-join-row input{
    background:#152329;border:2px solid #37464f;border-radius:13px
}
.community-join-row button,.community-code-box button,.community-ghost,.community-member-row button{
    border:0;background:var(--color-cyan);color:#fff;
    box-shadow:0 3px 0 var(--shadow-cyan);border-radius:12px
}
.community-member-row button{background:var(--color-red);box-shadow:0 3px 0 var(--shadow-red)}
.community-danger-btn{border:0;background:var(--color-red);color:#fff;box-shadow:0 4px 0 var(--shadow-red);border-radius:13px}
.community-join-row button:active,.community-code-box button:active,.community-ghost:active,.community-member-row button:active,.community-danger-btn:active{
    transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.25)
}
body.light-mode .community-card,body.light-mode .community-hero-card{background:#fff;color:#131f24;box-shadow:0 4px 0 #d7e2e7}
body.light-mode .community-hero-card{background:linear-gradient(135deg,#fff8e8,#eefaff)}
body.light-mode .community-week-stats div,body.light-mode .community-rank-row,body.light-mode .community-empty,body.light-mode .community-code-box,body.light-mode .community-member-row,body.light-mode .community-class-card{background:#f1f5f7;color:#131f24;box-shadow:none}


/* ===== SOURCE: assets/premium.css ===== */
.ai-teacher-home-card {
    width: calc(100% - 40px); margin: 12px 20px 4px; border: 1px solid rgba(168,85,247,.45);
    background: linear-gradient(135deg, rgba(88,28,135,.32), rgba(20,24,31,.96)); color: var(--text-main);
    border-radius: 20px; padding: 16px; display: flex; align-items: center; gap: 13px; text-align: left; cursor: pointer;
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.ai-teacher-orb { width: 46px; height: 46px; border-radius: 15px; display:grid; place-items:center; font-size:24px; background:rgba(168,85,247,.18); }
.ai-teacher-home-copy { flex:1; display:flex; flex-direction:column; gap:3px; }
.ai-teacher-home-copy strong { font-size:16px; font-weight:900; }
.ai-teacher-home-copy span { font-size:12px; color:var(--text-muted); font-weight:700; }
.ai-teacher-home-badge { font-size:10px; padding:6px 8px; border-radius:999px; font-weight:900; background:#6b21a8; color:#fff; }
.ai-teacher-home-badge.is-active { background:#16a34a; }
.ai-tutor-page { padding: 12px 18px 100px; }
.ai-tutor-lock { margin-top:28px; border:1px solid rgba(168,85,247,.35); border-radius:24px; padding:28px 22px; text-align:center; background:rgba(38,27,51,.6); }
.ai-tutor-lock.hidden,.ai-tutor-shell.hidden { display:none !important; }
.ai-lock-icon { font-size:48px; margin-bottom:8px; }
.ai-tutor-lock h2 { margin:4px 0 8px; font-weight:900; }
.ai-tutor-lock p { color:var(--text-muted); font-weight:650; line-height:1.55; }
.ai-plan-pill { border:0; border-radius:999px; background:#7e22ce; color:white; font-size:10px; font-weight:900; padding:7px 10px; cursor:pointer; }
.ai-tutor-shell { border:1px solid rgba(255,255,255,.08); border-radius:22px; overflow:hidden; background:rgba(15,18,24,.86); min-height:68vh; display:flex; flex-direction:column; }
.ai-tutor-topline { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:14px 15px; border-bottom:1px solid rgba(255,255,255,.07); }
.ai-tutor-topline > div { display:flex; flex-direction:column; gap:2px; }
.ai-tutor-topline strong { font-weight:900; }
.ai-tutor-topline small { color:var(--text-muted); font-size:11px; }
.ai-clear-btn { border:1px solid rgba(255,255,255,.12); background:transparent; color:var(--text-muted); padding:7px 9px; border-radius:10px; font-size:10px; font-weight:800; cursor:pointer; }
.ai-tutor-messages { flex:1; min-height:360px; max-height:55vh; overflow-y:auto; padding:15px; display:flex; flex-direction:column; gap:11px; }
.ai-msg { max-width:88%; border-radius:16px; padding:10px 12px; line-height:1.48; font-size:14px; white-space:pre-wrap; word-break:break-word; }
.ai-msg small { display:block; font-size:9px; font-weight:900; opacity:.65; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px; }
.ai-msg.assistant { align-self:flex-start; background:rgba(168,85,247,.16); border:1px solid rgba(168,85,247,.2); }
.ai-msg.user { align-self:flex-end; background:rgba(34,197,94,.16); border:1px solid rgba(34,197,94,.2); }
.ai-system-error { margin:auto; color:#fca5a5; font-weight:800; text-align:center; }
.ai-suggestions { display:flex; gap:6px; overflow-x:auto; padding:0 12px 10px; }
.ai-suggestions button { white-space:nowrap; border:1px solid rgba(255,255,255,.1); background:transparent; color:var(--text-main); border-radius:999px; padding:7px 10px; font-size:10px; font-weight:800; cursor:pointer; }
.ai-tutor-compose { display:grid; grid-template-columns:1fr auto; gap:8px; padding:12px; border-top:1px solid rgba(255,255,255,.07); }
.ai-tutor-compose textarea { resize:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); color:var(--text-main); border-radius:14px; padding:11px 12px; font:inherit; outline:none; }
.ai-tutor-compose button { border:0; border-radius:13px; padding:0 16px; background:#8b5cf6; color:white; font-weight:900; cursor:pointer; }
.ai-tutor-compose button:disabled { opacity:.55; }
.premium-modal-head { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; text-align:left; }
.premium-modal-head h2 { margin:0; font-weight:900; }
.premium-modal-head p { margin:2px 0 0; color:var(--text-muted); font-size:12px; font-weight:700; }
.premium-crown { font-size:32px; }
.premium-close { border:0; background:transparent; color:var(--text-muted); font-size:20px; cursor:pointer; }
.premium-benefits { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:18px 0; }
.premium-benefits > div { padding:12px; border-radius:15px; background:rgba(168,85,247,.09); border:1px solid rgba(168,85,247,.16); display:flex; flex-direction:column; text-align:left; }
.premium-benefits span { font-size:20px; }
.premium-benefits b { margin-top:5px; font-size:12px; }
.premium-benefits small { margin-top:2px; color:var(--text-muted); font-size:10px; line-height:1.35; }
.premium-expiry-box { border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:10px; font-size:12px; font-weight:800; margin-bottom:10px; }
.premium-expiry-box.active { border-color:rgba(34,197,94,.35); background:rgba(34,197,94,.08); }
.premium-foot small { display:block; margin-top:8px; color:var(--text-muted); font-size:10px; line-height:1.4; }
.test-row.is-premium-test { border-color:rgba(168,85,247,.38) !important; }
.premium-test-badge { display:inline-block; margin-left:6px; padding:2px 6px; border-radius:999px; background:#6b21a8; color:#fff; font-size:9px; font-weight:900; vertical-align:middle; }
.premium-test-lock { color:#c084fc; font-size:11px; font-weight:900; }
body.light-mode .ai-teacher-home-card, body.light-mode .ai-tutor-shell, body.light-mode .ai-tutor-lock { background:#fff; color:#111; }
body.light-mode .ai-msg.assistant { background:#f3e8ff; color:#111; }
body.light-mode .ai-msg.user { background:#dcfce7; color:#111; }
body.light-mode .ai-tutor-compose textarea { background:#f8fafc; color:#111; border-color:#ddd; }
@media (max-width:430px) { .premium-benefits { grid-template-columns:1fr; } .ai-tutor-messages { min-height:330px; } }

/* V6.1 — AI yazıyor göstergesi */
.ai-msg-typing { min-width: 112px; }
.ai-typing-row { display:flex; align-items:center; gap:7px; min-height:20px; }
.ai-typing-text { font-size:12px; font-weight:800; opacity:.78; }
.ai-typing-dots { display:inline-flex; align-items:center; gap:4px; height:12px; }
.ai-typing-dots i { width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.35; animation:slovraTypingDot 1.05s infinite ease-in-out; }
.ai-typing-dots i:nth-child(2) { animation-delay:.14s; }
.ai-typing-dots i:nth-child(3) { animation-delay:.28s; }
@keyframes slovraTypingDot { 0%, 60%, 100% { transform:translateY(0); opacity:.28; } 30% { transform:translateY(-4px); opacity:1; } }
.ai-tutor-compose textarea:disabled { opacity:.72; cursor:not-allowed; }
@media (prefers-reduced-motion: reduce) { .ai-typing-dots i { animation:none; opacity:.65; } }

/* ========================================================================== 
   V6.2 — AI ÖĞRETMEN REDESIGN + HIZLI ERİŞİM ROZETİ
   ========================================================================== */
#ai-teacher-home-card.ai-teacher-home-card{width:auto;margin:0}
.home-feature-ai .ai-teacher-home-badge{
    position:absolute;top:6px;right:6px;
    min-width:22px;padding:3px 5px;border-radius:999px;
    font-size:7px;line-height:1;font-weight:900;
    background:rgba(73,32,102,.65);color:#fff;
    box-shadow:none
}
.home-feature-ai .ai-teacher-home-badge.is-active{background:#20b956}
.ai-tutor-page{padding:18px 20px 110px}
.ai-tutor-lock{
    border:0;background:var(--card-bg);border-radius:20px;
    box-shadow:0 5px 0 rgba(0,0,0,.22);padding:28px 22px
}
.ai-tutor-shell{
    border:0;border-radius:20px;background:var(--card-bg);
    box-shadow:0 5px 0 rgba(0,0,0,.22);
    min-height:68vh
}
.ai-tutor-topline{padding:14px 15px;border-bottom:2px solid #2b3b42;background:#1b2a31}
.ai-plan-pill{background:#ce82ff;box-shadow:0 3px 0 #a568cc;border-radius:10px}
.ai-clear-btn{border:0;background:#263941;color:var(--text-muted);box-shadow:0 3px 0 #17242a;border-radius:10px}
.ai-tutor-messages{background:#16242a}
.ai-msg{border:0;border-radius:16px;box-shadow:0 3px 0 rgba(0,0,0,.14)}
.ai-msg.assistant{background:#203641;border:0}
.ai-msg.user{background:#3d9700;border:0;color:#fff}
.ai-msg.assistant small{color:#7ed8ff;opacity:1}
.ai-msg.user small{color:rgba(255,255,255,.72);opacity:1}
.ai-suggestions{background:#16242a;padding-top:4px}
.ai-suggestions button{
    border:0;background:#263941;color:var(--text-main);
    box-shadow:0 3px 0 #17242a;border-radius:12px
}
.ai-tutor-compose{background:#1b2a31;border-top:2px solid #2b3b42}
.ai-tutor-compose textarea{
    border:2px solid #37464f;background:#152329;border-radius:14px;color:var(--text-main)
}
.ai-tutor-compose textarea:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px rgba(28,176,246,.09)}
.ai-tutor-compose button{
    background:var(--color-green);box-shadow:0 4px 0 var(--shadow-green);
    border-radius:13px;min-width:76px
}
.ai-tutor-compose button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--shadow-green)}
.premium-benefits>div{background:#19282f;border:0;box-shadow:0 3px 0 #142127}
.premium-expiry-box{border:0;background:#19282f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
body.light-mode .ai-tutor-shell,body.light-mode .ai-tutor-lock{background:#fff;color:#131f24;box-shadow:0 4px 0 #d7e2e7}
body.light-mode .ai-tutor-topline,body.light-mode .ai-tutor-compose{background:#f5f9fb;border-color:#dce7eb}
body.light-mode .ai-tutor-messages,body.light-mode .ai-suggestions{background:#eef4f7}
body.light-mode .ai-msg.assistant{background:#dff4ff;color:#131f24}
body.light-mode .ai-msg.user{background:#58cc02;color:#fff}
body.light-mode .ai-suggestions button{background:#fff;color:#131f24;box-shadow:0 3px 0 #d7e2e7}
body.light-mode .premium-benefits>div,body.light-mode .premium-expiry-box{background:#f1f5f7;box-shadow:none}


/* ===== SOURCE: assets/tools.css ===== */

/* V20 — Rusça Araçları 3.0: mobil güvenli düzen */
#screen-tools{overflow-x:hidden!important}
.tools-page,.tools-page *{box-sizing:border-box}
.tools-page{width:min(100%,720px);max-width:100%;margin:0 auto;padding:18px clamp(12px,4vw,20px) 112px;display:flex;flex-direction:column;gap:13px;overflow-x:clip}
.tools-header{padding-left:clamp(12px,4vw,20px)!important;padding-right:clamp(12px,4vw,20px)!important;gap:10px}
.tools-header>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:17px}
.tools-back{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:12px;background:#1b2c33;color:#fff;font:inherit;font-size:22px;font-weight:900;cursor:pointer}
.tools-guide-link{flex:0 0 auto;color:#7edfd5;font-size:10px;font-weight:900;text-decoration:none}
.tools-hero,.tool-card,.tool-panel,.tool-output,.tool-picker-grid,.verb-grid,.verb-meta,.case-guide-grid,.noun-table,.prep-uses{min-width:0;max-width:100%}
.tools-hero{position:relative;overflow:hidden;border-radius:22px;padding:18px;background:linear-gradient(135deg,#17363b,#183047);box-shadow:0 5px 0 #0b1d22;border:1px solid rgba(255,255,255,.05)}
.tools-hero:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#18c7b5,#1cb0f6,#ce82ff)}
.tools-kicker{font-size:10px;letter-spacing:.9px;font-weight:900;color:#76e9dd}.tools-hero h2{font-size:21px;margin:5px 0}.tools-hero p{font-size:11.5px;color:var(--text-muted);margin:0;line-height:1.5;overflow-wrap:anywhere}
.tool-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tool-picker-grid button{min-width:0;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:#1b2c33;color:#d5e0e4;box-shadow:0 4px 0 #0e1a1f;padding:10px;text-align:left;font:inherit;cursor:pointer;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"ico title" "ico sub";column-gap:8px;align-items:center}
.tool-picker-grid button>span{grid-area:ico;font-size:22px}.tool-picker-grid button>b{grid-area:title;font-size:10.5px;line-height:1.2;overflow-wrap:anywhere}.tool-picker-grid button>small{grid-area:sub;color:#7f969f;font-size:8px;line-height:1.2;overflow-wrap:anywhere}.tool-picker-grid button.active{background:#167f76;color:#fff;border-color:#20b7a9;box-shadow:0 4px 0 #0b5a53}.tool-picker-grid button.active small{color:#b9fff7}.tool-picker-grid button:active{transform:translateY(2px);box-shadow:0 2px 0 #0e1a1f}
.tool-panel{display:none;width:100%}.tool-panel.active{display:block}.tool-card{width:100%;background:var(--card-bg,#202f36);border-radius:20px;padding:17px;box-shadow:0 5px 0 rgba(0,0,0,.22);margin-bottom:12px;overflow:hidden}.tool-card h3{margin:0 0 5px;font-size:17px}.tool-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.tool-title-row>div{min-width:0;flex:1}.tool-title-row p{margin:4px 0 0;color:var(--text-muted);font-size:10.5px;line-height:1.5;overflow-wrap:anywhere}.tool-v20-badge,.tool-ai-badge,.tool-local-badge{flex:0 0 auto;border-radius:999px;padding:6px 8px;font-size:7.5px;font-weight:1000;letter-spacing:.45px;white-space:nowrap}.tool-v20-badge{background:rgba(88,204,2,.12);color:#9de66e;border:1px solid rgba(88,204,2,.2)}.tool-ai-badge{background:rgba(28,176,246,.13);color:#76d2ff;border:1px solid rgba(28,176,246,.2)}.tool-local-badge{background:rgba(255,185,0,.1);color:#ffd56e;border:1px solid rgba(255,185,0,.18)}
.tool-label{display:block;font-size:10.5px;font-weight:900;color:#c6d2d6;margin:11px 0 6px}
.tool-input,.tool-textarea,.tool-select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;border:2px solid #34464f;border-bottom-width:4px;border-radius:14px;background:#15252c;color:#fff;padding:11px 12px;font:inherit;font-size:16px;font-weight:800;outline:none;overflow-wrap:anywhere}
.tool-textarea{min-height:104px;resize:vertical!important;line-height:1.5;overflow-x:hidden!important;white-space:pre-wrap;word-break:break-word}.tool-input:focus,.tool-textarea:focus,.tool-select:focus{border-color:#1cb0f6}
.tool-action-row{width:100%;display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;min-width:0}.tool-action{min-width:0;max-width:100%;border:0;border-radius:13px;background:#1cb0f6;color:#fff;box-shadow:0 4px 0 #0b80b5;padding:10px 13px;font:inherit;font-size:10.5px;font-weight:900;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.tool-action.secondary{background:#263941;box-shadow:0 4px 0 #15252b}.tool-action.purple{background:#a855f7;box-shadow:0 4px 0 #7431ad}.tool-action:disabled{opacity:.55;cursor:wait}.tool-action:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.tool-output{width:100%;margin-top:12px;border-radius:16px;background:#13242b;border:1px solid rgba(255,255,255,.05);padding:13px;min-height:54px;overflow:hidden;overflow-wrap:anywhere}.tool-output small{color:var(--text-muted);font-size:9px}.tool-muted{margin:5px 0 0;color:var(--text-muted);font-size:10.5px;line-height:1.45}.tool-note{display:flex;gap:8px;align-items:flex-start;background:rgba(255,200,0,.07);border:1px solid rgba(255,200,0,.12);border-radius:14px;padding:10px;font-size:9.5px;color:#cfbd77;margin-top:10px;overflow-wrap:anywhere}.tool-note.success{background:rgba(88,204,2,.08);border-color:rgba(88,204,2,.18);color:#a5df79}.tool-usage-note{padding:10px 12px;border-radius:14px;background:#15262d;color:#7f969f;font-size:9px;line-height:1.45;text-align:center}.tools-public-link{display:flex;justify-content:center;margin-top:6px}.tools-public-link a{font-size:10px;font-weight:900;color:#7edfd5;text-decoration:none}
.verb-source{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;margin-bottom:10px;background:rgba(88,204,2,.12);color:#8ee350}.verb-source.ai{background:rgba(28,176,246,.12);color:#7ed8ff}.verb-meta,.noun-head,.word-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}.verb-meta>div,.noun-head>div,.word-meta>div{background:#17282f;border-radius:13px;padding:10px;min-width:0}.verb-meta small,.noun-head small,.word-meta small{display:block;color:#78929d;font-size:7.5px;font-weight:900;letter-spacing:.45px;margin-bottom:3px}.verb-meta b,.noun-head b,.word-meta b{display:block;color:#fff;font-size:10.5px;line-height:1.35;overflow-wrap:anywhere}.verb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.verb-block{background:#17282f;border-radius:15px;padding:12px;min-width:0}.verb-block h4{font-size:10.5px;margin:0 0 8px;color:#8fdcff}.verb-line{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:10px;min-width:0}.verb-line:last-child{border-bottom:0}.verb-line span{color:var(--text-muted);flex:0 0 auto}.verb-line b{color:#fff;text-align:right;overflow-wrap:anywhere;min-width:0}.verb-notes{margin-top:9px;display:grid;gap:6px}.verb-notes p{margin:0;background:#17282f;border-radius:12px;padding:9px 10px;color:#b7c8ce;font-size:9.5px;line-height:1.45;overflow-wrap:anywhere}
.tool-loading{display:flex;align-items:center;gap:9px;color:#9fdff8;font-size:10.5px;font-weight:900;min-height:42px}.tool-loading span{width:15px;height:15px;flex:0 0 15px;border-radius:50%;border:2px solid rgba(28,176,246,.2);border-top-color:#1cb0f6;animation:toolSpin .7s linear infinite}@keyframes toolSpin{to{transform:rotate(360deg)}}.tool-error{padding:12px;border-radius:13px;background:rgba(255,76,76,.09);border:1px solid rgba(255,76,76,.18);color:#ff9d9d;font-size:10.5px;line-height:1.5;overflow-wrap:anywhere}
.grammar-correction{margin:10px 0;padding:12px;border-radius:14px;background:rgba(28,176,246,.08);border:1px solid rgba(28,176,246,.18)}.grammar-correction small{display:block;color:#72d4ff;font-size:8px;font-weight:900;letter-spacing:.5px;margin-bottom:5px}.grammar-correction strong{display:block;color:#fff;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.grammar-ok{margin:10px 0;padding:11px 12px;border-radius:14px;background:rgba(88,204,2,.08);border:1px solid rgba(88,204,2,.18);color:#a9e37d;font-size:10px;font-weight:900;line-height:1.45}.grammar-summary{margin:10px 0;color:#b5c7ce;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.case-results{display:flex;flex-direction:column;gap:8px}.case-hit{border-radius:15px;padding:12px;background:#17282f;border-left:4px solid #1cb0f6;min-width:0}.case-hit.ai{border-left-color:#58cc02}.case-hit.fallback{border-left-color:#ffb020}.case-hit-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;min-width:0}.case-hit-top strong{font-size:12px!important;color:#fff;min-width:0;overflow-wrap:anywhere}.case-hit-top span{flex:0 0 auto;font-size:8px;font-weight:900;color:#9ee579;background:rgba(88,204,2,.09);padding:4px 6px;border-radius:999px}.case-hit>b{display:block;font-size:10px;color:#8fdcff;overflow-wrap:anywhere}.case-hit p{font-size:9.5px;color:var(--text-muted);margin:4px 0;line-height:1.45;overflow-wrap:anywhere}.case-hit small{font-size:8.5px;color:#8fdcff;overflow-wrap:anywhere}.case-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.case-guide{background:#17282f;border-radius:14px;padding:11px;min-width:0}.case-guide b{display:block;font-size:10px}.case-guide span{font-size:8.5px;color:#8fdcff}.case-guide small{display:block;font-size:8.5px;color:var(--text-muted);margin-top:4px;overflow-wrap:anywhere}.grammar-issues{margin-top:12px;display:grid;gap:8px}.grammar-issues h4,.grammar-alts h4{margin:0 0 2px;font-size:11px;color:#fff}.grammar-issues>div{display:grid;gap:4px;padding:10px;border-radius:13px;background:#17282f;min-width:0}.grammar-issues del{color:#ff9999;font-size:10px;overflow-wrap:anywhere}.grammar-issues ins{color:#a9e37d;font-size:11px;font-weight:900;text-decoration:none;overflow-wrap:anywhere}.grammar-issues p{margin:0;color:#a9bac1;font-size:9.5px;line-height:1.45;overflow-wrap:anywhere}.issue-category{justify-self:start;border-radius:999px;padding:3px 6px;background:rgba(206,130,255,.11);color:#d8a8ff;font-size:7px;font-weight:900;text-transform:uppercase}.grammar-alts{margin-top:12px;padding:10px;border-radius:13px;background:#17282f}.grammar-alts p{margin:5px 0 0;color:#b7c8ce;font-size:9.5px;line-height:1.45;overflow-wrap:anywhere}
.word-examples{display:grid;gap:7px;margin-top:10px}.word-example{display:grid;gap:3px;background:#17282f;border-radius:12px;padding:10px}.word-example b{font-size:11px;color:#fff;overflow-wrap:anywhere}.word-example span{font-size:9px;color:#9cb0b8;overflow-wrap:anywhere}
.noun-table{margin-top:10px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.noun-table-title,.noun-row{display:grid;grid-template-columns:minmax(105px,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center;padding:9px 10px}.noun-table-title{background:#0f2027;color:#74909b;font-size:7.5px;font-weight:900}.noun-row{background:#17282f;border-top:1px solid rgba(255,255,255,.04)}.noun-row>div{min-width:0}.noun-row small{display:block;color:#8fdcff;font-size:8.5px;font-weight:900;overflow-wrap:anywhere}.noun-row span{display:block;color:#718991;font-size:7.5px}.noun-row>b{font-size:10px;color:#fff;overflow-wrap:anywhere;min-width:0}
.prep-head{display:flex;align-items:baseline;gap:10px;margin:8px 0 11px;min-width:0}.prep-head b{font-size:28px;color:#fff}.prep-head span{font-size:10px;color:#9ab0b8;overflow-wrap:anywhere}.prep-uses{display:grid;gap:8px}.prep-uses article{background:#17282f;border-radius:14px;padding:11px;min-width:0}.prep-uses article>b{display:block;color:#8fdcff;font-size:11px}.prep-uses article>span{font-size:8.5px;color:#9de66e}.prep-uses article>p{font-size:9.5px;color:#a4b6bd;line-height:1.45;margin:5px 0 8px;overflow-wrap:anywhere}.prep-uses article>div{display:grid;gap:2px;padding-top:7px;border-top:1px solid rgba(255,255,255,.05)}.prep-uses article strong{font-size:11px;color:#fff;overflow-wrap:anywhere}.prep-uses article small{font-size:8.5px;color:#8399a1;overflow-wrap:anywhere}
.number-result{display:grid;gap:9px;margin-top:8px}.number-result>b{font-size:10px;color:#7ed8ff}.number-result>strong{font-size:20px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.number-result>button{justify-self:start;border:0;border-radius:11px;background:#263941;color:#fff;padding:8px 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
body.light-mode .tool-card,body.light-mode .tools-hero{background:#fff;color:#24323a;box-shadow:0 5px 0 #dce5e9}body.light-mode .tool-input,body.light-mode .tool-textarea,body.light-mode .tool-select,body.light-mode .tool-output,body.light-mode .verb-block,body.light-mode .case-hit,body.light-mode .case-guide,body.light-mode .verb-meta>div,body.light-mode .noun-head>div,body.light-mode .word-meta>div,body.light-mode .verb-notes p,body.light-mode .grammar-issues>div,body.light-mode .grammar-alts,body.light-mode .word-example,body.light-mode .noun-row,body.light-mode .prep-uses article,body.light-mode .tool-usage-note{background:#f2f6f8;color:#24323a;border-color:#d9e3e7}body.light-mode .verb-meta b,body.light-mode .noun-head b,body.light-mode .word-meta b,body.light-mode .grammar-correction strong,body.light-mode .case-hit-top strong,body.light-mode .grammar-issues h4,body.light-mode .grammar-alts h4,body.light-mode .word-example b,body.light-mode .noun-row>b,body.light-mode .prep-head b,body.light-mode .prep-uses article strong,body.light-mode .number-result>strong{color:#24323a}
@media(max-width:480px){.tools-page{padding-left:12px;padding-right:12px}.tool-card{padding:14px}.verb-grid,.case-guide-grid,.verb-meta,.noun-head,.word-meta{grid-template-columns:1fr}.tool-title-row{gap:7px}.tool-v20-badge,.tool-ai-badge,.tool-local-badge{padding:5px 6px;font-size:7px}.noun-table-title,.noun-row{grid-template-columns:minmax(92px,1.15fr) minmax(0,1fr) minmax(0,1fr);padding:8px 7px;gap:5px}.noun-row>b{font-size:9px}}
@media(max-width:350px){.tool-picker-grid{grid-template-columns:1fr}.tool-action-row{display:grid;grid-template-columns:1fr}.tool-action{width:100%}.tools-header>div{font-size:15px}.tools-guide-link{display:none}}
.home-feature-tools{order:4;background:#18a99a;box-shadow:0 5px 0 #0d746a}
.home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-feature-tile strong{font-size:11px}.home-feature-tile small{font-size:8.5px}
@media(max-width:430px){.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature-tile strong{font-size:12px}.home-feature-tile small{font-size:9px}}


/* ===== SOURCE: assets/v10.css ===== */
/* Slovra V10 */
.placement-entry-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;background:linear-gradient(135deg,rgba(28,176,246,.13),rgba(168,85,247,.08)),var(--card-bg);border-top:3px solid #1cb0f6}.placement-entry-icon{width:48px;height:48px;border-radius:15px;background:rgba(28,176,246,.14);display:grid;place-items:center;font-size:24px}.placement-entry-card span{font-size:9px;letter-spacing:.8px;font-weight:900;color:#66d5ff}.placement-entry-card h3{margin:2px 0 3px;font-size:16px}.placement-entry-card p{margin:0;color:var(--text-muted);font-size:10px;line-height:1.4}.placement-entry-card>button{border:0;border-radius:12px;background:#1cb0f6;color:#fff;box-shadow:0 4px 0 #0c7fae;padding:9px 11px;font-weight:900;cursor:pointer}
.placement-page{max-width:570px;margin:auto;padding:12px 0 100px}.placement-hero,.placement-card,.placement-result{border-radius:23px;background:linear-gradient(180deg,#1b2e36,#14252c);box-shadow:0 6px 0 #0a151a;padding:20px;border:1px solid rgba(255,255,255,.05)}.placement-hero>span,.placement-result>span{font-size:10px;letter-spacing:1px;font-weight:900;color:#6dd7ff}.placement-hero h2{font-size:25px;line-height:1.1;margin:6px 0}.placement-hero p,.placement-result p{font-size:12px;color:var(--text-muted);line-height:1.5}.placement-hero>button,.placement-result button{border:0;border-radius:14px;padding:11px 14px;background:#1cb0f6;color:#fff;box-shadow:0 5px 0 #0c7ead;font-weight:900;cursor:pointer}.placement-last{margin:13px 0;background:rgba(88,204,2,.08);border:1px solid rgba(88,204,2,.13);border-radius:13px;padding:10px;color:#9be960;font-size:11px}.placement-top{display:flex;justify-content:space-between;align-items:center}.placement-top span{font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px;background:rgba(88,204,2,.12);color:#8ee350}.placement-top span[data-level="A2"]{background:rgba(28,176,246,.12);color:#71d8ff}.placement-top span[data-level="B1"]{background:rgba(206,130,255,.12);color:#dfafff}.placement-top strong{font-size:11px;color:var(--text-muted)}.placement-track{height:8px;background:#0e1e24;border-radius:999px;overflow:hidden;margin:12px 0}.placement-track span{display:block;height:100%;background:linear-gradient(90deg,#58cc02,#1cb0f6,#a855f7);border-radius:inherit}.placement-card>small{font-size:9px;font-weight:900;color:#8fa3aa}.placement-card h2{font-size:19px;line-height:1.35;margin:8px 0 14px}.placement-options{display:grid;gap:8px}.placement-options button{border:2px solid #344852;border-bottom-width:4px;border-radius:14px;background:#182a31;color:#fff;padding:11px;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.placement-options button.correct{border-color:#58cc02;background:rgba(88,204,2,.11);color:#9be961}.placement-options button.wrong{border-color:#ff4b4b;background:rgba(255,75,75,.10);color:#ff9696}.placement-explain{margin-top:10px;border-radius:13px;padding:10px;background:rgba(255,255,255,.04);font-size:11px;color:#c2d0d5}.placement-next{margin-top:11px;width:100%;border:0;border-radius:13px;padding:10px;background:#58cc02;color:#10220a;box-shadow:0 4px 0 #3e9200;font-weight:900}.placement-result{text-align:center}.placement-result-icon{font-size:44px}.placement-result h2{font-size:28px;margin:4px}.placement-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.placement-breakdown div{background:#122229;border-radius:14px;padding:10px}.placement-breakdown span{display:block;font-size:9px;color:var(--text-muted);font-weight:900}.placement-breakdown strong{font-size:17px}.placement-skills{text-align:left;background:#122229;border-radius:16px;padding:13px}.placement-skills h3{font-size:13px;margin:0 0 9px}.placement-skill-row{display:grid;grid-template-columns:80px 1fr 35px;gap:7px;align-items:center;font-size:10px;margin:7px 0}.placement-skill-row>div{height:7px;border-radius:999px;background:#0b181e;overflow:hidden}.placement-skill-row i{display:block;height:100%;background:#1cb0f6}.placement-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.placement-actions .secondary{background:#263940;box-shadow:0 4px 0 #14242a;color:#fff}
.game-sentence-builder:hover{border-color:#ff9f1c!important;background:rgba(255,159,28,.05)!important}.game-icon-sentence{background:rgba(255,159,28,.14)!important;color:#ffc068!important}.game-card-badge.orange{background:rgba(255,159,28,.14);color:#ffc068;border-color:rgba(255,159,28,.24)}.builder-page{max-width:570px;margin:auto;padding:10px 0 100px}.builder-hero,.builder-card,.builder-result{border-radius:22px;background:linear-gradient(180deg,#1c2e35,#14242b);box-shadow:0 6px 0 #09151a;padding:18px;border:1px solid rgba(255,255,255,.05)}.builder-hero>span{font-size:10px;font-weight:900;letter-spacing:1px;color:#ffbd62}.builder-hero h2{font-size:22px;margin:5px 0}.builder-hero p{font-size:11px;color:var(--text-muted)}.builder-config{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.builder-config button{border:0;border-radius:12px;padding:9px;background:#263940;color:#aebbc0;box-shadow:0 4px 0 #14242a;font-weight:900}.builder-config button.active{background:#ff9f1c;color:#261604;box-shadow:0 4px 0 #b66c05}.builder-start{width:100%;border:0;border-radius:14px;padding:11px;background:#ff9f1c;color:#271705;box-shadow:0 5px 0 #b66c05;font-weight:900}.builder-hero>small{display:block;text-align:center;color:#ffc66f;margin-top:11px;font-size:10px}.builder-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.builder-stats div{background:#17282f;border-radius:14px;padding:9px;text-align:center;box-shadow:0 4px 0 #0b161a}.builder-stats span{display:block;font-size:8px;color:var(--text-muted);font-weight:900}.builder-stats strong{font-size:15px}.builder-card>span{display:inline-flex;border-radius:999px;padding:5px 8px;background:rgba(255,159,28,.12);color:#ffc56e;font-size:9px;font-weight:900}.builder-card>p{font-size:15px;font-weight:900;margin:10px 0 13px}.builder-answer{min-height:69px;border:2px dashed #3b4e56;border-radius:15px;padding:10px;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;background:#112027}.builder-answer small{color:#71858d;font-size:10px;margin:auto}.builder-answer button,.builder-bank button{border:0;border-radius:11px;padding:8px 10px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.builder-answer button{background:#ff9f1c;color:#241506;box-shadow:0 3px 0 #aa6507}.builder-bank{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.builder-bank button{background:#22363e;color:#eaf0f2;box-shadow:0 3px 0 #0d1a1f}.builder-feedback{min-height:16px;margin:12px 0;font-size:11px;color:#c7d4d8}.builder-feedback b,.builder-feedback span,.builder-feedback small{display:block;margin-top:3px}.builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-actions button{border:0;border-radius:12px;padding:10px;background:#58cc02;color:#102109;box-shadow:0 4px 0 #3d9200;font-weight:900}.builder-actions button.secondary{background:#263940;box-shadow:0 4px 0 #14242a;color:#fff}.builder-result{text-align:center}.builder-result>div{font-size:48px}.builder-result h2{margin:4px}.builder-result p{color:var(--text-muted)}.builder-result button{border:0;border-radius:13px;padding:10px 13px;background:#ff9f1c;color:#241506;box-shadow:0 4px 0 #aa6507;font-weight:900;margin:4px}.builder-result button.secondary{background:#263940;color:#fff;box-shadow:0 4px 0 #14242a}
.ai-roleplay-launch{background:#d946ef!important;color:#fff!important;border-color:rgba(217,70,239,.24)!important}.roleplay-page{max-width:620px;margin:auto;padding:12px 0 100px}.roleplay-hero,.roleplay-lock{border-radius:22px;padding:19px;background:linear-gradient(145deg,#281a3b,#182936);box-shadow:0 6px 0 #0a1218;border-top:3px solid #d946ef}.roleplay-hero>span{font-size:9px;font-weight:900;letter-spacing:1px;color:#ef9cff}.roleplay-hero h2{font-size:22px;margin:5px 0}.roleplay-hero p{font-size:11px;color:var(--text-muted);line-height:1.5}.roleplay-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.roleplay-scenario-card{border:0;border-radius:17px;background:#1a2c33;color:#fff;box-shadow:0 4px 0 #0c181d;padding:13px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;cursor:pointer}.roleplay-scenario-card>span{width:39px;height:39px;border-radius:12px;background:rgba(217,70,239,.12);display:grid;place-items:center;font-size:20px}.roleplay-scenario-card small{display:block;color:#ea99f6;font-size:8px;font-weight:900}.roleplay-scenario-card strong{display:block;font-size:12px}.roleplay-scenario-card p{margin:3px 0 0;color:#9fb0b6;font-size:9px;line-height:1.3}.roleplay-scenario-card>b{font-size:19px;color:#d946ef}.roleplay-scene-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;background:#192b33;border-radius:18px;padding:12px;box-shadow:0 4px 0 #0b171c;margin-bottom:10px}.roleplay-scene-head>button{border:0;border-radius:11px;background:#263940;color:#fff;padding:8px 10px;font-weight:900}.roleplay-scene-head span{font-size:8px;font-weight:900;color:#ed9aff}.roleplay-scene-head h3{margin:1px 0;font-size:15px}.roleplay-scene-head p{margin:0;color:var(--text-muted);font-size:9px;line-height:1.35}.roleplay-scene-head .roleplay-eval{background:#d946ef;box-shadow:0 3px 0 #962caf}.roleplay-messages{height:min(54vh,480px);overflow:auto;background:#102128;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:9px;border:1px solid rgba(255,255,255,.04)}.role-msg{max-width:86%;border-radius:15px;padding:9px 11px;background:#1d3038;align-self:flex-start}.role-msg.user{align-self:flex-end;background:#1c7da6}.role-msg small{display:block;font-size:8px;font-weight:900;color:#85ddff;margin-bottom:3px}.role-msg.user small{color:#d4f3ff}.role-msg>div{white-space:pre-wrap;font-size:11px;line-height:1.45}.role-msg.evaluation{background:#352343;border:1px solid rgba(217,70,239,.22);max-width:100%}.role-msg.error{background:#47262b}.role-msg.typing i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d8e4e8;margin-left:3px;animation:roleDot 1s infinite}.role-msg.typing i:nth-child(2){animation-delay:.15s}.role-msg.typing i:nth-child(3){animation-delay:.3s}@keyframes roleDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.roleplay-compose{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.roleplay-compose textarea{resize:none;border:2px solid #344952;border-bottom-width:4px;border-radius:14px;background:#14252c;color:#fff;padding:10px;font:inherit;font-size:11px}.roleplay-compose button{border:0;border-radius:13px;background:#d946ef;color:#fff;box-shadow:0 4px 0 #962caf;font-weight:900;padding:10px 13px}.roleplay-lock{text-align:center}.roleplay-lock>div{font-size:42px}.roleplay-lock p{color:var(--text-muted);font-size:11px}.roleplay-lock button{border:0;border-radius:13px;background:#58cc02;color:#10210a;box-shadow:0 4px 0 #3f9300;padding:10px;font-weight:900}
body.light-mode .placement-hero,body.light-mode .placement-card,body.light-mode .placement-result,body.light-mode .builder-hero,body.light-mode .builder-card,body.light-mode .builder-result,body.light-mode .roleplay-hero,body.light-mode .roleplay-scene-head,body.light-mode .roleplay-scenario-card{background:#fff;color:#24323a;box-shadow:0 5px 0 #dce5e9}body.light-mode .builder-answer,body.light-mode .roleplay-messages{background:#f3f7f9;border-color:#dce5e9}body.light-mode .builder-bank button{background:#e8eff2;color:#24323a;box-shadow:0 3px 0 #d3e0e5}
@media(max-width:520px){.placement-entry-card{grid-template-columns:auto 1fr}.placement-entry-card>button{grid-column:1/-1;width:100%}.roleplay-grid{grid-template-columns:1fr}.placement-actions{grid-template-columns:1fr}.builder-actions{grid-template-columns:1fr}.roleplay-scene-head{grid-template-columns:auto 1fr}.roleplay-scene-head .roleplay-eval{grid-column:1/-1;width:100%}}


/* ===== SOURCE: assets/v11.css ===== */
/* Slovra V11 — Weekly Challenge, Wordbook, Study Report */
.v11-eyebrow{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--color-cyan);margin-bottom:4px}.v11-weekly-card{overflow:hidden;position:relative}.v11-weekly-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-85px;background:radial-gradient(circle,rgba(255,159,28,.18),transparent 68%);pointer-events:none}.v11-weekly-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;position:relative;z-index:1}.v11-weekly-top h3{margin:0;color:var(--text-main);font-size:17px}.v11-weekly-top small{display:block;color:var(--text-muted);font-size:10px;margin-top:3px}.v11-weekly-score{text-align:right;min-width:84px}.v11-weekly-score strong{display:block;font-size:22px;color:#ffb02e}.v11-weekly-score span{display:block;font-size:9px;color:var(--text-muted);font-weight:800}.v11-challenge-track{height:10px;border-radius:999px;background:#142229;border:1px solid #30434b;overflow:hidden;margin:14px 0}.v11-challenge-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff9f1c,#ffd166);transition:width .35s ease}.v11-challenge-goals{display:grid;gap:8px}.v11-challenge-goal{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #30434b;border-radius:15px;padding:10px;background:#17262d}.v11-challenge-goal.done{border-color:rgba(88,204,2,.5);background:rgba(88,204,2,.07)}.v11-challenge-icon{width:34px;height:34px;border-radius:11px;background:#21333b;display:flex;align-items:center;justify-content:center;font-size:17px}.v11-challenge-goal strong{display:block;font-size:12px;color:#ecf4f7}.v11-challenge-goal>b{font-size:10px;color:#aebbc1;white-space:nowrap}.v11-mini-track{height:5px;border-radius:999px;background:#0f1c21;margin-top:6px;overflow:hidden}.v11-mini-track i{display:block;height:100%;background:var(--color-green);border-radius:999px}.v11-report-teaser{border-color:rgba(28,176,246,.35)!important}.v11-report-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.v11-report-mini>div{border:1px solid #30434b;background:#17262d;border-radius:14px;padding:10px;text-align:center}.v11-report-mini span{display:block;color:#81949c;font-size:9px;font-weight:900;text-transform:uppercase}.v11-report-mini strong{display:block;color:#fff;font-size:15px;margin-top:3px}.v11-wordbook-btn{border-color:rgba(255,159,28,.4)!important}.v11-wordbook-page,.v11-report-page{padding:16px 16px 28px}.v11-wordbook-hero,.v11-report-hero{border:1px solid #34464f;border-radius:24px;background:linear-gradient(145deg,#20343d,#17262d);box-shadow:0 6px 0 #0f1a1f;padding:18px;margin-bottom:14px}.v11-wordbook-hero>span,.v11-report-hero>span{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#ffb02e}.v11-wordbook-hero h2,.v11-report-hero h2{font-size:21px;line-height:1.15;margin:6px 0;color:#fff}.v11-wordbook-hero p,.v11-report-hero p{font-size:12px;line-height:1.5;color:var(--text-muted);margin:0}.v11-wordbook-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.v11-wordbook-stats div{background:#14232a;border:1px solid #30434b;border-radius:13px;text-align:center;padding:9px 5px}.v11-wordbook-stats span{font-size:8px;color:#83969e;text-transform:uppercase;font-weight:900}.v11-wordbook-stats strong{display:block;color:#fff;font-size:15px;margin-top:2px}.v11-wordbook-controls{position:sticky;top:71px;z-index:12;background:var(--bg-body);padding:3px 0 10px}.v11-wordbook-controls input{width:100%;box-sizing:border-box;border:1px solid #34464f;border-bottom-width:3px;border-radius:14px;background:#17262d;color:#fff;padding:12px 13px;font:inherit;outline:none}.v11-wordbook-controls input:focus{border-color:var(--color-cyan)}.v11-word-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.v11-word-filters button{border:1px solid #34464f;border-bottom-width:3px;border-radius:11px;background:#17262d;color:#9aabb2;font:inherit;font-size:9px;font-weight:900;padding:8px 4px;cursor:pointer}.v11-word-filters button.active{background:rgba(28,176,246,.13);border-color:var(--color-cyan);color:#fff}.v11-wordbook-list{display:grid;gap:9px}.v11-word-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 52px;gap:10px;align-items:center;text-align:left;border:1px solid #30434b;border-bottom-width:3px;border-radius:16px;background:#192930;padding:11px 12px;color:inherit;font:inherit;cursor:pointer}.v11-word-row.due{border-color:rgba(255,159,28,.55)}.v11-word-main{min-width:0}.v11-word-main strong{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-word-main small,.v11-word-memory small,.v11-word-meta small{display:block;color:#82949c;font-size:9px;margin-top:2px}.v11-word-memory{text-align:right}.v11-memory-chip{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;background:#21333b;color:#d8e4e8}.v11-memory-chip.new,.v11-memory-chip.learning{background:rgba(255,200,0,.12);color:#ffd166}.v11-memory-chip.building{background:rgba(255,159,28,.14);color:#ffb02e}.v11-memory-chip.strong,.v11-memory-chip.mastered{background:rgba(88,204,2,.12);color:#7ee83d}.v11-word-meta{text-align:right}.v11-word-meta b{display:block;color:#fff;font-size:12px}.v11-word-empty{padding:30px 15px;text-align:center;border:1px dashed #3a4c54;border-radius:18px}.v11-word-empty span{font-size:30px}.v11-word-empty strong,.v11-word-empty small{display:block}.v11-word-empty strong{color:#fff;margin-top:7px}.v11-word-empty small{color:var(--text-muted);font-size:10px;margin-top:4px}.v11-word-detail{position:relative;width:min(92vw,430px);max-height:82vh;overflow:auto;background:#1a2a31;border:1px solid #3a4c54;border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.4)}.v11-word-detail h2{font-size:28px;margin:5px 0 0;color:#fff}.v11-word-detail>p{margin:2px 0 14px;color:var(--text-muted)}.v11-detail-close{position:absolute;right:14px;top:14px;border:0;background:#2a3c44;color:#fff;width:34px;height:34px;border-radius:11px}.v11-detail-strength{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v11-detail-strength>div{border:1px solid #30434b;border-radius:13px;padding:9px;background:#14232a}.v11-detail-strength span{font-size:8px;color:#81949c}.v11-detail-strength strong{display:block;font-size:10px;color:#fff;margin-top:3px}.v11-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.v11-detail-actions button,.v11-section-head button{border:1px solid #3a4c54;border-bottom-width:3px;border-radius:12px;background:#20333b;color:#fff;padding:9px;font:inherit;font-size:10px;font-weight:900}.v11-history-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #30434b;padding-top:12px}.v11-history-head strong{color:#fff;font-size:12px}.v11-history-head small{color:#81949c;font-size:9px}.v11-history-list{display:grid;gap:6px;margin-top:8px}.v11-history-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #2e4149;background:#15242b;border-radius:11px;padding:8px 10px}.v11-history-row b,.v11-history-row small{display:block}.v11-history-row b{font-size:10px;color:#fff}.v11-history-row small{font-size:8px;color:#81949c;margin-top:2px}.v11-history-row>strong{font-size:9px;color:#7ee83d}.v11-history-empty{font-size:10px;line-height:1.45;color:#81949c;padding:12px;border:1px dashed #34464f;border-radius:12px}.v11-srs-modal{max-height:86vh;overflow:auto}.v11-copy-report{border:1px solid #34464f;border-radius:10px;background:#1c2b32;color:#fff;font:inherit;font-size:9px;font-weight:900;padding:7px 9px}.v11-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.v11-metric-card{border:1px solid #34464f;border-bottom-width:3px;border-radius:17px;background:#192930;padding:13px}.v11-metric-card>span{font-size:9px;color:#81949c;font-weight:900;text-transform:uppercase}.v11-metric-card>strong{display:block;font-size:20px;color:#fff;margin:3px 0}.v11-metric-card>small{font-size:8px}.v11-metric-card small.up{color:#7ee83d}.v11-metric-card small.down{color:#ff7b7b}.v11-metric-card small.neutral{color:#81949c}.v11-report-section{border:1px solid #34464f;border-radius:20px;background:#192930;padding:14px;margin-bottom:12px}.v11-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.v11-section-head h3{margin:0;color:#fff;font-size:14px}.v11-section-head small{color:#81949c;font-size:9px}.v11-report-bars{height:155px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:end}.v11-bar-item{height:100%;display:grid;grid-template-rows:18px 1fr 18px;text-align:center;align-items:end}.v11-bar-item>b{font-size:8px;color:#81949c}.v11-bar-col{height:100%;border-radius:9px;background:#122128;display:flex;align-items:end;overflow:hidden}.v11-bar-col i{display:block;width:100%;min-height:2px;border-radius:8px 8px 0 0;background:linear-gradient(#1cb0f6,#58cc02)}.v11-bar-item span{font-size:8px;color:#81949c;margin-top:4px}.v11-report-focus{display:grid;gap:8px}.v11-focus-row{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid #2e4149;background:#15242b;border-radius:14px;padding:10px}.v11-focus-row>span{font-size:20px;text-align:center}.v11-focus-row strong{display:block;color:#fff;font-size:11px}.v11-focus-row small{display:block;color:#81949c;font-size:9px;line-height:1.35;margin-top:2px}.v11-focus-row button{border:0;border-radius:10px;background:#243840;color:#fff;font:inherit;font-size:8px;font-weight:900;padding:8px}.v11-report-memory{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v11-report-memory>div{border:1px solid #2e4149;background:#15242b;border-radius:13px;padding:10px}.v11-report-memory span{display:block;color:#81949c;font-size:8px}.v11-report-memory strong{display:block;color:#fff;font-size:13px;margin-top:2px}
body.light-mode .v11-challenge-goal,body.light-mode .v11-report-mini>div,body.light-mode .v11-wordbook-hero,body.light-mode .v11-report-hero,body.light-mode .v11-word-row,body.light-mode .v11-metric-card,body.light-mode .v11-report-section{background:#fff;border-color:#d7e2e6;box-shadow:none}body.light-mode .v11-wordbook-controls{background:#f7fafb}body.light-mode .v11-wordbook-controls input,body.light-mode .v11-word-filters button,body.light-mode .v11-detail-strength>div,body.light-mode .v11-history-row,body.light-mode .v11-focus-row,body.light-mode .v11-report-memory>div{background:#f1f5f7;border-color:#d7e2e6;color:#26363d}body.light-mode .v11-weekly-top h3,body.light-mode .v11-report-mini strong,body.light-mode .v11-wordbook-hero h2,body.light-mode .v11-report-hero h2,body.light-mode .v11-word-main strong,body.light-mode .v11-word-meta b,body.light-mode .v11-metric-card>strong,body.light-mode .v11-section-head h3,body.light-mode .v11-focus-row strong,body.light-mode .v11-report-memory strong{color:#22343c}body.light-mode .v11-word-detail{background:#fff;border-color:#d7e2e6}body.light-mode .v11-word-detail h2,body.light-mode .v11-detail-strength strong,body.light-mode .v11-history-row b{color:#22343c}
@media(max-width:430px){.v11-weekly-top{align-items:center}.v11-weekly-score strong{font-size:19px}.v11-challenge-goal{grid-template-columns:31px 1fr auto;padding:9px;gap:8px}.v11-challenge-icon{width:31px;height:31px}.v11-wordbook-stats{grid-template-columns:1fr 1fr}.v11-word-filters{grid-template-columns:1fr 1fr}.v11-word-row{grid-template-columns:minmax(0,1fr) auto}.v11-word-meta{display:none}.v11-word-memory small{font-size:8px}.v11-report-grid{grid-template-columns:1fr 1fr}.v11-focus-row{grid-template-columns:32px 1fr}.v11-focus-row button{grid-column:2;justify-self:start}.v11-detail-strength{grid-template-columns:1fr}.v11-report-bars{gap:4px}}


/* ===== SOURCE: assets/v12.css ===== */
/* Slovra V12 — Shadowing & Listening */
.v12-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:1px;color:#ce82ff;margin-bottom:3px}.v12-pron-card{background:linear-gradient(145deg,rgba(206,130,255,.08),rgba(28,176,246,.055)),var(--card-bg,#172a31)}.v12-pron-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.v12-pron-stats>div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px;text-align:center}.v12-pron-stats span{display:block;color:#98aab1;font-size:10px;font-weight:800}.v12-pron-stats strong{display:block;margin-top:2px;font-size:19px;color:#fff}.v12-pron-actions{display:flex;gap:8px;margin-top:10px}.v12-pron-actions button,.v12-speaking-upgrade{border:2px solid #36505a;border-bottom-width:4px;border-radius:13px;background:#14272e;color:#eef5f7;padding:9px 11px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.v12-pron-actions button:first-child{border-color:#8451aa}.v12-pron-actions button:last-child{border-color:#1785b9}.v12-speaking-upgrade{width:100%;margin-top:10px}.v12-listening-card{border-color:rgba(28,176,246,.25)!important}.v12-shadow-card{border-color:rgba(206,130,255,.27)!important}.v12-listening-icon{background:rgba(28,176,246,.15);color:#1cb0f6}.v12-shadow-icon{background:rgba(206,130,255,.15);color:#ce82ff}.v12-guide-link{font-size:10px;font-weight:900;color:#1cb0f6;border:1px solid #284650;border-radius:999px;padding:6px 9px;text-decoration:none}.v12-page{max-width:760px;margin:0 auto;padding:4px 0 80px}.v12-hero,.v12-listen-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:21px;background:radial-gradient(circle at 100% 0,rgba(206,130,255,.18),transparent 38%),linear-gradient(145deg,#192d35,#14252c);box-shadow:0 6px 0 #0a161b}.v12-hero>span,.v12-listen-hero>span{font-size:10px;font-weight:900;letter-spacing:1px;color:#ce82ff}.v12-listen-hero>span{color:#1cb0f6}.v12-hero h2,.v12-listen-hero h2{font-size:25px;line-height:1.1;margin:7px 0}.v12-hero p,.v12-listen-hero p{font-size:12px;line-height:1.55;color:#aebdc2;margin:0}.v12-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.v12-hero-stats>div{background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.06);padding:9px;border-radius:13px}.v12-hero-stats span{display:block;font-size:9px;font-weight:900;color:#91a5ad}.v12-hero-stats strong{font-size:18px}.v12-level-card{margin:13px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.06);background:#14262d;border-radius:18px;padding:11px 12px;box-shadow:0 4px 0 #0a161b}.v12-level-card>span{font-size:11px;font-weight:900;color:#a9bbc1}.v12-level-switch{display:flex;gap:5px}.v12-level-switch button{border:0;border-radius:9px;background:#223840;color:#9eb0b6;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer}.v12-level-switch button.active{background:#ce82ff;color:#1a1020}.v12-shadow-stage,.v12-listen-stage,.v12-history,.v12-note{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#172a32,#13242b);border-radius:23px;padding:19px;box-shadow:0 6px 0 #09151a;margin-top:14px}.v12-stage-top{display:flex;justify-content:space-between;align-items:center}.v12-stage-top span{background:rgba(206,130,255,.13);color:#ce82ff;border:1px solid rgba(206,130,255,.25);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.v12-stage-top button{border:0;background:transparent;color:#9fb0b7;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v12-russian{font-size:clamp(25px,5vw,34px);line-height:1.18;font-weight:900;text-align:center;margin:28px 5px 7px;color:#fff}.v12-translation{text-align:center;color:#a8b8be;font-size:13px;font-weight:700}.v12-focus{margin:18px 0 12px;background:#102128;border:1px solid #2c434c;border-radius:14px;padding:10px 12px;color:#b7c6cb;font-size:11px}.v12-audio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v12-audio-actions button{border:2px solid #31505c;border-bottom-width:4px;border-radius:13px;background:#17313b;color:#fff;padding:10px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.v12-record-btn{width:100%;margin-top:11px;border:0;border-radius:16px;background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 5px 0 #53258d;color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.v12-record-btn>span{font-size:25px}.v12-record-btn b{display:block;font-size:13px}.v12-record-btn small{display:block;font-size:9px;opacity:.75;margin-left:auto}.v12-record-btn.is-listening{animation:v12Pulse 1s infinite}.v12-record-btn:disabled{opacity:.72;cursor:wait}.v12-shadow-result{margin-top:12px;border-radius:16px;background:#102128;border:1px solid #2c424b;padding:13px;min-height:48px;font-size:11px}.v12-shadow-result.listening{border-color:#a855f7;color:#e7cafa}.v12-shadow-result.error{border-color:#7a3a3a;color:#ffc2c2}.v12-score-top{display:flex;align-items:center;gap:11px}.v12-score-top>strong{font-size:24px;white-space:nowrap}.v12-score-top div b{display:block;font-size:12px}.v12-score-top div small{display:block;color:#9eb0b7;margin-top:2px}.v12-heard{margin-top:11px;border-top:1px solid rgba(255,255,255,.06);padding-top:9px}.v12-heard span{font-size:9px;font-weight:900;color:#869ba3}.v12-heard p{margin:2px 0 0;color:#fff;font-size:14px;font-weight:800}.v12-missing{display:block;margin-top:8px;color:#ffcf5a}.v12-note{background:#112329}.v12-note b{font-size:11px}.v12-note p{margin:5px 0 0;color:#91a4ab;font-size:10px;line-height:1.5}.v12-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.v12-section-head h3{font-size:14px;margin:0}.v12-section-head span{font-size:9px;font-weight:900;color:#8499a1}.v12-history-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.v12-history-row:last-child{border-bottom:0}.v12-history-row div{min-width:0}.v12-history-row b{display:block;font-size:11px;color:#ce82ff}.v12-history-row small{display:block;color:#a5b5bb;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.v12-history-row>span{font-size:9px;color:#738991;white-space:nowrap}.v12-listen-hero{margin-bottom:14px}.v12-series-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v12-series-card{border:1px solid rgba(255,255,255,.07);border-bottom:4px solid #0b171c;border-radius:18px;background:linear-gradient(145deg,#192d35,#14252c);padding:14px;color:#fff;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;position:relative;cursor:pointer}.v12-series-icon{width:42px;height:42px;border-radius:13px;background:rgba(28,176,246,.12);display:flex;align-items:center;justify-content:center;font-size:22px}.v12-series-card div small{display:block;font-size:9px;font-weight:900;color:#1cb0f6}.v12-series-card div strong{display:block;font-size:14px}.v12-series-card div p{font-size:10px;color:#9fb0b6;margin:4px 0 17px;line-height:1.35}.v12-series-stat{position:absolute;bottom:10px;right:12px;font-size:9px;color:#73d0fa}.v12-listen-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.v12-listen-head>button{border:0;background:transparent;color:#9eb1b8;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v12-listen-head div span{font-size:9px;font-weight:900;color:#1cb0f6}.v12-listen-head h3{font-size:15px;margin:1px 0}.v12-listen-head>strong{font-size:11px;color:#aebdc2}.v12-listen-progress{height:8px;background:#0b1b21;border-radius:999px;overflow:hidden;margin:11px 0}.v12-listen-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1cb0f6,#58cc02);transition:.2s}.v12-listen-stage{text-align:center}.v12-listen-instruction{color:#9fb0b7;font-size:11px}.v12-listen-speaker{width:130px;height:130px;border:0;border-radius:50%;margin:10px auto 7px;background:radial-gradient(circle at 35% 25%,#3bc2ff,#147eb0);box-shadow:0 8px 0 #0e5d84;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.v12-listen-speaker>span{font-size:42px}.v12-listen-speaker b{font-size:14px}.v12-listen-speaker small{font-size:8px;opacity:.75}.v12-slow-link{border:0;background:transparent;color:#89bfd8;font:inherit;font-size:10px;font-weight:900;cursor:pointer;margin-bottom:13px}.v12-listen-options{display:grid;gap:8px;text-align:left}.v12-listen-options button{border:2px solid #304952;border-bottom-width:4px;border-radius:14px;background:#182c34;color:#eef5f7;padding:11px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.v12-listen-options button.correct{border-color:#58cc02;background:rgba(88,204,2,.1)}.v12-listen-options button.wrong{border-color:#ff4b4b;background:rgba(255,75,75,.09)}.v12-listen-options button:disabled{opacity:1;cursor:default}.v12-listen-reveal{margin-top:12px;border-radius:14px;background:#102128;border:1px solid #2b424b;padding:12px;text-align:left}.v12-listen-reveal span{font-size:8px;font-weight:900;color:#1cb0f6}.v12-listen-reveal strong{display:block;font-size:17px;margin:2px 0}.v12-listen-reveal p{font-size:10px;color:#a4b6bc;margin:4px 0 0}.v12-next-btn{width:100%;margin-top:10px;border:0;border-radius:13px;background:#58cc02;box-shadow:0 4px 0 #3a8c00;color:#10200b;padding:10px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.v12-listen-result{text-align:center;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#192e36,#13242b);border-radius:24px;padding:28px 20px;box-shadow:0 6px 0 #09151a}.v12-listen-result>div:first-child{font-size:46px}.v12-listen-result h2{font-size:23px;margin:8px 0}.v12-listen-result p{color:#9eb1b8;font-size:12px}.v12-stars{font-size:25px;letter-spacing:4px;margin:12px 0}.v12-result-actions{display:flex;gap:8px;justify-content:center}.v12-result-actions button{border:2px solid #334d57;border-bottom-width:4px;border-radius:13px;background:#182c34;color:#fff;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v12-result-actions button:last-child{border-color:#3f940b;background:#58cc02;color:#10200b}@keyframes v12Pulse{0%,100%{transform:scale(1)}50%{transform:scale(.985);filter:brightness(1.12)}}
.light-mode .v12-pron-card,.light-mode .v12-shadow-stage,.light-mode .v12-listen-stage,.light-mode .v12-history,.light-mode .v12-note,.light-mode .v12-level-card,.light-mode .v12-series-card,.light-mode .v12-hero,.light-mode .v12-listen-hero,.light-mode .v12-listen-result{background:#fff;border-color:#dce6ea;box-shadow:0 5px 0 #dce6ea}.light-mode .v12-russian,.light-mode .v12-pron-stats strong,.light-mode .v12-series-card,.light-mode .v12-listen-options button,.light-mode .v12-listen-reveal strong{color:#24373f}.light-mode .v12-pron-stats>div,.light-mode .v12-focus,.light-mode .v12-shadow-result,.light-mode .v12-heard,.light-mode .v12-listen-reveal{background:#f3f7f8;border-color:#dce6e9}.light-mode .v12-pron-actions button,.light-mode .v12-speaking-upgrade,.light-mode .v12-audio-actions button,.light-mode .v12-listen-options button,.light-mode .v12-result-actions button{background:#f6f9fa;color:#31464f;border-color:#d5e1e5}.light-mode .v12-translation,.light-mode .v12-hero p,.light-mode .v12-listen-hero p,.light-mode .v12-series-card div p{color:#687c84}
@media(max-width:600px){.v12-page{padding-bottom:90px}.v12-hero,.v12-listen-hero{padding:18px;border-radius:20px}.v12-hero h2,.v12-listen-hero h2{font-size:21px}.v12-series-grid{grid-template-columns:1fr}.v12-russian{font-size:27px}.v12-record-btn small{max-width:120px;text-align:right}.v12-pron-actions{flex-direction:column}.v12-history-row small{max-width:240px}}@media(max-width:390px){.v12-level-card{align-items:flex-start;flex-direction:column}.v12-level-switch{width:100%}.v12-level-switch button{flex:1}.v12-record-btn{align-items:flex-start}.v12-record-btn small{margin-left:0}.v12-result-actions{flex-direction:column}.v12-result-actions button{width:100%}}


/* ===== SOURCE: assets/v13.css ===== */
/* Slovra V13 — Öğrenme Yolu */
.v13-home-path{margin:0 20px 16px;background:linear-gradient(145deg,#17372d,#18313a);border:1px solid rgba(88,204,2,.19);border-radius:19px;padding:13px 14px 11px;box-shadow:0 5px 0 #0e1c21,0 12px 25px rgba(0,0,0,.1);box-sizing:border-box}.v13-home-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.v13-home-icon{width:42px;height:42px;border-radius:13px;background:rgba(88,204,2,.15);display:grid;place-items:center;font-size:22px}.v13-home-copy{min-width:0}.v13-home-copy>span{display:block;font-size:8px;letter-spacing:.9px;font-weight:900;color:#84df4c}.v13-home-copy strong{display:block;font-size:13px;line-height:1.2;color:#f5fbf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v13-home-copy small{display:block;font-size:9px;color:#93a8ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.v13-home-main>button{border:0;border-radius:11px;background:#58cc02;color:#10200b;font:inherit;font-size:9px;font-weight:900;padding:9px 10px;box-shadow:0 3px 0 #368300;cursor:pointer;white-space:nowrap}.v13-home-progress{height:6px;background:#0c1b20;border-radius:99px;overflow:hidden;margin:11px 0 7px}.v13-home-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#58cc02,#1cb0f6);border-radius:99px;transition:width .25s}.v13-home-meta{display:flex;gap:8px;align-items:center;font-size:8px;font-weight:900;color:#789098}.v13-home-meta span:first-child{background:rgba(28,176,246,.12);color:#62c8f5;border-radius:999px;padding:3px 7px}.v13-home-meta button{margin-left:auto;border:0;background:transparent;color:#8bdcfa;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.v13-learning-entry{background:linear-gradient(135deg,rgba(88,204,2,.08),rgba(28,176,246,.07))!important}.v13-entry-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.v13-entry-top>div>span{font-size:8px;font-weight:900;letter-spacing:.8px;color:#58cc02}.v13-entry-top h3{margin:2px 0 4px!important}.v13-entry-top p{margin:0;color:var(--text-muted);font-size:10px;line-height:1.4}.v13-entry-top>button{border:0;border-radius:11px;background:#58cc02;color:#10200b;font:inherit;font-size:9px;font-weight:900;padding:9px 10px;box-shadow:0 3px 0 #378500;cursor:pointer;white-space:nowrap}.v13-entry-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.v13-entry-level{border:0;background:#17282f;color:#fff;border-radius:10px;padding:7px 8px;cursor:pointer}.v13-entry-level>div{display:flex;justify-content:space-between;gap:5px;font-size:9px}.v13-entry-level>div strong{font-size:10px}.v13-entry-level>div span{color:#84dffa}.v13-entry-level>i{display:block;height:4px;border-radius:99px;background:#0c181d;overflow:hidden;margin-top:6px}.v13-entry-level>i b{display:block;height:100%;background:#58cc02;border-radius:99px}.v13-entry-level.locked{opacity:.5;cursor:not-allowed}
.v13-page{max-width:720px;margin:0 auto;padding:15px 20px 100px}.v13-path-hero{background:linear-gradient(135deg,#19372d,#15303a 62%,#182743);border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 0 #0a171c;border-radius:23px;padding:18px;display:flex;justify-content:space-between;gap:14px;align-items:center}.v13-path-hero>div>span{font-size:9px;font-weight:900;letter-spacing:1px;color:#7bdf42}.v13-path-hero h2{margin:3px 0 6px;font-size:21px}.v13-path-hero p{margin:0;color:#9db0b6;font-size:10px;line-height:1.45}.v13-path-ring{width:72px;height:72px;flex:0 0 72px;border-radius:50%;border:7px solid rgba(88,204,2,.22);background:#112329;display:flex;flex-direction:column;align-items:center;justify-content:center}.v13-path-ring strong{font-size:17px;color:#8ee956}.v13-path-ring span{font-size:8px;color:#7f969e;font-weight:900}.v13-level-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.v13-level-tabs button{border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #0b171c;background:#172a31;color:#fff;border-radius:15px;padding:10px;display:flex;align-items:center;gap:8px;text-align:left;font:inherit;cursor:pointer}.v13-level-tabs button>span{font-size:20px}.v13-level-tabs button strong{display:block;font-size:11px}.v13-level-tabs button small{display:block;color:#8fa4ab;font-size:8px;margin-top:1px}.v13-level-tabs button.active{background:#233c26;border-color:#4fae17}.v13-level-tabs button.locked{opacity:.48}.v13-mastery,.v13-path-section,.v13-method-note{background:#15272e;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:15px;box-shadow:0 5px 0 #0a171c;margin-top:13px}.v13-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.v13-section-title>div>span{display:block;font-size:8px;letter-spacing:.8px;font-weight:900;color:#8c9fa7}.v13-section-title h3{font-size:14px;margin:2px 0}.v13-section-title>small{font-size:8px;color:#81969d}.v13-section-title>strong{font-size:17px;color:#58cc02}.v13-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.v13-skill-card{background:#102128;border:1px solid rgba(255,255,255,.055);border-radius:13px;padding:9px}.v13-skill-card>div:first-child{display:flex;align-items:center;gap:5px}.v13-skill-card>div:first-child span{font-size:15px}.v13-skill-card>div:first-child strong{font-size:9px}.v13-stars{display:flex;gap:1px;margin:6px 0 4px}.v13-stars i{font-style:normal;font-size:10px;color:#31474f}.v13-stars i.on{color:#ffc800}.v13-skill-card small{font-size:7px;color:#7f959d}.v13-level-track{height:8px;border-radius:99px;background:#0c191e;margin:10px 0 13px;overflow:hidden}.v13-level-track span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#58cc02,#1cb0f6);transition:.25s}.v13-path-list{display:flex;flex-direction:column}.v13-path-node{position:relative;width:100%;border:0;background:transparent;color:#fff;padding:0;display:grid;grid-template-columns:28px 46px minmax(0,1fr) 14px;gap:9px;align-items:center;text-align:left;font:inherit;cursor:pointer;min-height:72px}.v13-node-rail{align-self:stretch;display:flex;flex-direction:column;align-items:center}.v13-node-rail span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#263b43;color:#9eb1b8;font-size:8px;font-weight:900;margin-top:16px;z-index:1}.v13-node-rail i{width:2px;background:#263a42;flex:1;margin-top:2px}.v13-path-node:last-child .v13-node-rail i{display:none}.v13-node-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1d343c;border:1px solid rgba(255,255,255,.06);font-size:20px;box-shadow:0 3px 0 #0d1b20}.v13-node-body{min-width:0;padding:12px 0}.v13-node-body>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.v13-node-body strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v13-node-body>div:first-child span{font-size:7px;color:#79cdef;white-space:nowrap}.v13-node-body small{display:block;font-size:8px;color:#8fa4ab;line-height:1.35;margin-top:2px}.v13-node-progress{height:4px;background:#0b181d;border-radius:99px;overflow:hidden;margin-top:6px}.v13-node-progress i{display:block;height:100%;background:#58cc02;border-radius:99px}.v13-path-node>b{font-size:18px;color:#70868e}.v13-path-node.active .v13-node-icon{background:rgba(28,176,246,.14);border-color:rgba(28,176,246,.25)}.v13-path-node.done .v13-node-icon{background:rgba(88,204,2,.13);border-color:rgba(88,204,2,.25)}.v13-path-node.done .v13-node-rail span{background:#58cc02;color:#11200b}.v13-path-node.review .v13-node-icon{background:rgba(255,200,0,.12);border-color:rgba(255,200,0,.25)}.v13-path-node.review .v13-node-body>div:first-child span{color:#ffd85a}.v13-path-node.practice .v13-node-icon{background:rgba(206,130,255,.12);border-color:rgba(206,130,255,.22)}.v13-path-node.checkpoint .v13-node-icon{background:rgba(255,150,0,.12);border-color:rgba(255,150,0,.25)}.v13-path-node.locked{opacity:.43;cursor:not-allowed}.v13-level-locked,.v13-path-empty{text-align:center;border:1px dashed #34505a;border-radius:15px;padding:18px;color:#95a9b0}.v13-level-locked>span{display:block;font-size:32px}.v13-level-locked strong{display:block;font-size:13px;margin:5px}.v13-level-locked small{display:block;font-size:9px}.v13-level-locked button{margin-top:10px;border:0;border-radius:10px;background:#1cb0f6;color:#08202b;padding:8px 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.v13-path-empty{font-size:9px;margin-bottom:9px}.v13-method-note{display:flex;gap:10px;align-items:flex-start;background:#112229}.v13-method-note>span{font-size:20px}.v13-method-note strong{font-size:10px}.v13-method-note p{font-size:8px;color:#8fa3aa;margin:3px 0;line-height:1.5}
.v13-check-page{max-width:620px;margin:0 auto;padding:18px 20px 100px}.v13-check-card{background:linear-gradient(145deg,#172d35,#13242b);border:1px solid rgba(255,255,255,.07);border-radius:23px;padding:20px;box-shadow:0 6px 0 #09151a}.v13-check-card>span:first-child,.v13-check-top>span{display:inline-flex;border-radius:999px;background:rgba(28,176,246,.13);color:#63cfff;padding:5px 8px;font-size:9px;font-weight:900}.v13-check-icon{text-align:center;font-size:45px;margin:8px}.v13-check-card h2{text-align:center;font-size:21px;margin:7px 0}.v13-check-card>p{text-align:center;font-size:10px;color:#9cafb6;line-height:1.5}.v13-check-card>button,.v13-check-result-actions button{display:block;width:100%;border:0;border-radius:13px;background:#58cc02;color:#10200b;padding:11px;font:inherit;font-size:10px;font-weight:900;box-shadow:0 4px 0 #378500;cursor:pointer;margin-top:14px}.v13-check-top{display:flex;align-items:center;justify-content:space-between}.v13-check-top strong{font-size:10px;color:#9eb0b7}.v13-check-track{height:7px;background:#0b1a20;border-radius:99px;overflow:hidden;margin:12px 0}.v13-check-track span{display:block;height:100%;background:#1cb0f6;width:0}.v13-check-quiz h2{text-align:left;font-size:18px;line-height:1.3;margin:18px 0}.v13-check-options{display:grid;gap:8px}.v13-check-options button{border:2px solid #304a54;border-bottom-width:4px;border-radius:14px;background:#182d35;color:#fff;padding:11px;text-align:left;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.v13-check-options button.correct{border-color:#58cc02;background:rgba(88,204,2,.1)}.v13-check-options button.wrong{border-color:#ff4b4b;background:rgba(255,75,75,.09)}.v13-check-options button:disabled{opacity:1}.v13-check-feedback{min-height:20px;font-size:9px;line-height:1.4;margin-top:10px;color:#9cafb6}.v13-check-feedback.ok{color:#8fe65d}.v13-check-feedback.no{color:#ffbf69}.v13-check-result{text-align:center}.v13-check-result>div:first-child{font-size:48px}.v13-check-result>strong{font-size:36px;color:#58cc02}.v13-check-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v13-check-result-actions button.secondary{background:#233941;color:#fff;box-shadow:0 4px 0 #101f25}
.light-mode .v13-home-path,.light-mode .v13-path-hero,.light-mode .v13-mastery,.light-mode .v13-path-section,.light-mode .v13-method-note,.light-mode .v13-check-card{background:#fff;border-color:#dce6ea;box-shadow:0 5px 0 #dce6ea}.light-mode .v13-home-copy strong,.light-mode .v13-path-hero h2,.light-mode .v13-section-title h3,.light-mode .v13-path-node,.light-mode .v13-check-card h2,.light-mode .v13-check-options button{color:#24373f}.light-mode .v13-entry-level,.light-mode .v13-level-tabs button,.light-mode .v13-skill-card,.light-mode .v13-node-icon,.light-mode .v13-check-options button{background:#f4f8f9;border-color:#dbe6ea}.light-mode .v13-home-progress,.light-mode .v13-level-track,.light-mode .v13-node-progress,.light-mode .v13-check-track{background:#e6eef0}.light-mode .v13-home-copy small,.light-mode .v13-path-hero p,.light-mode .v13-node-body small,.light-mode .v13-skill-card small{color:#687d85}
@media(max-width:600px){.v13-page{padding:13px 14px 90px}.v13-skill-grid{grid-template-columns:repeat(2,1fr)}.v13-path-node{grid-template-columns:25px 42px minmax(0,1fr) 12px;gap:7px}.v13-node-icon{width:40px;height:40px}.v13-node-body>div:first-child{align-items:flex-start;flex-direction:column;gap:1px}.v13-path-hero h2{font-size:18px}.v13-check-page{padding:14px 14px 90px}}
@media(max-width:420px){.v13-home-main{grid-template-columns:38px minmax(0,1fr)}.v13-home-main>button{grid-column:1/-1;width:100%}.v13-home-icon{width:38px;height:38px}.v13-entry-top{align-items:flex-start;flex-direction:column}.v13-entry-top>button{width:100%}.v13-level-tabs button{justify-content:center;text-align:center;flex-direction:column;gap:3px}.v13-path-ring{width:62px;height:62px;flex-basis:62px}.v13-check-result-actions{grid-template-columns:1fr}}


/* ===== SOURCE: assets/v14.css ===== */
/* Slovra V14 — Social / Friends / Public profile */
.home-feature-social{background:linear-gradient(145deg,#30455f,#253342)!important;box-shadow:0 4px 0 #172632!important;position:relative}.home-feature-social .home-feature-icon{filter:drop-shadow(0 2px 7px rgba(109,175,255,.26))}.v14-home-badge{position:absolute;right:7px;top:7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ff5e6c;color:#fff;font-size:9px;font-weight:950;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 rgba(0,0,0,.24)}
.v14-social-page{padding:17px 20px 110px;display:flex;flex-direction:column;gap:13px}.v14-social-back{font-size:24px;cursor:pointer}.v14-social-title{font-size:18px;font-weight:900}.v14-social-hero,.v14-card{background:var(--card-bg,#202f36);border-radius:18px;box-shadow:0 4px 0 rgba(0,0,0,.2);padding:15px}.v14-social-hero{background:linear-gradient(135deg,#253f52,#2b364d);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.v14-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2d87d6,#4ba7ef);font-size:22px;font-weight:950;color:#fff;box-shadow:0 0 0 4px rgba(95,180,255,.16)}.v14-avatar.frame-green{box-shadow:0 0 0 4px rgba(83,207,116,.28)}.v14-avatar.frame-purple{box-shadow:0 0 0 4px rgba(161,102,255,.3)}.v14-avatar.frame-gold{box-shadow:0 0 0 4px rgba(255,196,66,.32)}.v14-avatar.frame-cyan{box-shadow:0 0 0 4px rgba(70,190,255,.3)}.v14-hero-copy{min-width:0}.v14-hero-copy span,.v14-muted{font-size:10px;color:var(--text-muted);font-weight:750}.v14-hero-copy strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}.v14-hero-copy small{display:block;color:#b9c8cf;font-size:10px}.v14-profile-open{border:0;border-radius:12px;background:#1cb0f6;color:#fff;font-weight:900;padding:9px 11px;cursor:pointer;box-shadow:0 3px 0 #0f78aa}.v14-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v14-tab{border:0;border-radius:12px;padding:10px 5px;background:#19282f;color:var(--text-muted);font-weight:900;font-size:11px;cursor:pointer;box-shadow:0 3px 0 #111e24}.v14-tab.is-active{background:#1cb0f6;color:#fff;box-shadow:0 3px 0 #0f78aa}.v14-panel.hidden{display:none!important}.v14-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}.v14-card-head h3{margin:0;font-size:15px}.v14-card-head span{font-size:9px;color:var(--text-muted)}.v14-list{display:flex;flex-direction:column;gap:8px}.v14-empty{text-align:center;padding:17px 10px;border-radius:13px;background:#19282f;color:var(--text-muted);font-size:11px}.v14-person-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 11px;border-radius:14px;background:#19282f}.v14-person-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2b5367;color:#fff;font-weight:950}.v14-person-copy{min-width:0}.v14-person-copy strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v14-person-copy span{font-size:9px;color:var(--text-muted)}.v14-row-actions{display:flex;gap:6px;align-items:center}.v14-mini-btn{border:0;border-radius:10px;padding:8px 9px;background:#1cb0f6;color:white;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 2px 0 #0f78aa}.v14-mini-btn.secondary{background:#33434b;box-shadow:0 2px 0 #1e2b31}.v14-mini-btn.danger{background:#e94b57;box-shadow:0 2px 0 #a82c35}.v14-mini-btn.good{background:#58cc71;box-shadow:0 2px 0 #36964a}.v14-mini-btn:disabled{opacity:.5;cursor:default}.v14-search{display:grid;grid-template-columns:1fr auto;gap:8px}.v14-search input{min-width:0;border:2px solid #37464f;background:#152329;color:var(--text-primary);border-radius:13px;padding:11px 12px;font:inherit}.v14-search button{border:0;border-radius:13px;padding:10px 14px;background:#58cc71;color:#fff;font-weight:950;box-shadow:0 3px 0 #36964a;cursor:pointer}.v14-week-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border-radius:13px;background:#19282f}.v14-week-rank{text-align:center;font-weight:950}.v14-week-copy strong{font-size:11px;display:block}.v14-week-copy span{font-size:8px;color:var(--text-muted)}.v14-week-xp{font-size:11px;font-weight:950}.v14-week-row.is-me{box-shadow:inset 0 0 0 2px rgba(28,176,246,.34);background:rgba(28,176,246,.08)}
.v14-profile-modal{position:fixed;inset:0;background:rgba(3,8,12,.78);z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px}.v14-profile-modal.hidden{display:none}.v14-profile-sheet{width:min(480px,100%);max-height:88vh;overflow:auto;background:#18262d;border-radius:22px;padding:17px;box-shadow:0 10px 40px rgba(0,0,0,.45)}.v14-profile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.v14-profile-top strong{font-size:14px}.v14-close{border:0;width:32px;height:32px;border-radius:10px;background:#2b3a41;color:#fff;font-size:17px;cursor:pointer}.v14-profile-main{text-align:center}.v14-profile-main .v14-avatar{margin:0 auto 9px;width:68px;height:68px;font-size:27px}.v14-profile-main h2{margin:0;font-size:20px}.v14-profile-main p{margin:7px auto 4px;max-width:350px;color:#c4d0d6;font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.v14-privacy-chip{display:inline-flex;margin-top:6px;border-radius:10px;padding:5px 8px;background:#263942;color:#aebdc4;font-size:8px;font-weight:900}.v14-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.v14-stat{background:#203139;border-radius:13px;padding:10px 6px}.v14-stat strong{display:block;font-size:14px}.v14-stat span{display:block;font-size:8px;color:var(--text-muted);margin-top:2px}.v14-achievement-title{text-align:left;font-size:11px;font-weight:900;margin:13px 0 8px}.v14-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v14-achievement{background:#203139;border-radius:13px;padding:9px 5px;text-align:center}.v14-achievement b{display:block;font-size:20px}.v14-achievement strong{display:block;font-size:8px;margin-top:3px}.v14-profile-actions{display:flex;gap:8px;margin-top:14px}.v14-profile-actions button{flex:1;border:0;border-radius:12px;padding:10px;font-weight:900;cursor:pointer;background:#1cb0f6;color:#fff;box-shadow:0 3px 0 #0f78aa}.v14-profile-actions .danger{background:#e94b57;box-shadow:0 3px 0 #a82c35}.v14-profile-locked{padding:20px 10px;text-align:center}.v14-profile-locked b{font-size:30px}.v14-profile-locked h3{margin:8px 0 5px}.v14-profile-locked p{font-size:10px;color:var(--text-muted)}
.v14-settings-card textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:74px;border:2px solid #37464f;background:#152329;color:var(--text-primary);border-radius:13px;padding:10px;font:inherit;font-size:12px}.v14-settings-count{text-align:right;font-size:8px;color:var(--text-muted);margin-top:3px}.v14-visibility{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.v14-visibility button{border:0;border-radius:11px;padding:9px 5px;background:#19282f;color:var(--text-muted);font-size:9px;font-weight:900;cursor:pointer}.v14-visibility button.is-active{background:#1cb0f6;color:#fff}.v14-setting-note{font-size:9px;color:var(--text-muted);line-height:1.45;background:#19282f;border-radius:11px;padding:9px;margin-top:9px}.v14-showcase-picker{display:flex;flex-wrap:wrap;gap:6px}.v14-showcase-chip{border:0;border-radius:11px;padding:7px 8px;background:#19282f;color:#c4d1d6;font-size:9px;font-weight:850;cursor:pointer}.v14-showcase-chip.is-selected{background:#5c3f89;color:#fff;box-shadow:inset 0 0 0 1px rgba(192,142,255,.45)}.v14-showcase-chip:disabled{opacity:.45}.v14-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.v14-settings-actions button{border:0;border-radius:12px;padding:10px;font-weight:900;cursor:pointer}.v14-settings-actions button:first-child{background:#58cc71;color:#fff;box-shadow:0 3px 0 #36964a}.v14-settings-actions button:last-child{background:#263942;color:#fff;box-shadow:0 3px 0 #17252b}
body.light-mode .v14-social-hero,body.light-mode .v14-card,body.light-mode .v14-profile-sheet{background:#fff;color:#142128;box-shadow:0 4px 0 #d7e2e7}body.light-mode .v14-social-hero{background:linear-gradient(135deg,#eef8ff,#f3f0ff)}body.light-mode .v14-tab,body.light-mode .v14-empty,body.light-mode .v14-person-row,body.light-mode .v14-week-row,body.light-mode .v14-stat,body.light-mode .v14-achievement,body.light-mode .v14-setting-note,body.light-mode .v14-showcase-chip,body.light-mode .v14-visibility button{background:#eef3f5;color:#26343a;box-shadow:none}body.light-mode .v14-search input,body.light-mode .v14-settings-card textarea{background:#fff;color:#152329;border-color:#d7e0e4}body.light-mode .v14-profile-main p{color:#53646d}
@media(max-width:480px){.v14-social-page{padding:14px 14px 105px}.v14-social-hero{grid-template-columns:auto 1fr}.v14-social-hero .v14-profile-open{grid-column:1/-1;width:100%}.v14-search{grid-template-columns:1fr}.v14-search button{width:100%}.v14-person-row{grid-template-columns:auto 1fr}.v14-row-actions{grid-column:1/-1;justify-content:flex-end}.v14-stats{grid-template-columns:repeat(2,1fr)}.v14-achievements{grid-template-columns:repeat(2,1fr)}.v14-settings-actions{grid-template-columns:1fr}}


/* ===== SOURCE: assets/v15.css ===== */
/* Slovra V15 — Okuma Laboratuvarı */
.v15-home-tile{order:7;background:#ef6c9e;box-shadow:0 5px 0 #b74670}.v15-home-tile .home-feature-icon{background:rgba(255,255,255,.28)}
.v15-shell{padding:17px 20px 118px;max-width:680px;margin:0 auto}.v15-back{border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:24px;cursor:pointer}.v15-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#392532,#25313b);box-shadow:0 5px 0 #172229,0 15px 30px rgba(239,108,158,.08);overflow:hidden}.v15-hero:after{content:'Я';position:absolute;right:82px;bottom:-34px;font-size:130px;font-weight:900;color:rgba(255,255,255,.025);transform:rotate(-8deg)}.v15-kicker{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#ff9fc3}.v15-hero h2{margin:4px 0 5px;font-size:25px}.v15-hero p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5;max-width:420px}.v15-hero-ring{position:relative;z-index:1;min-width:68px;height:68px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;background:#17232a;border:6px solid rgba(239,108,158,.65);box-shadow:inset 0 0 0 2px rgba(255,255,255,.03)}.v15-hero-ring strong{font-size:24px;margin-top:14px}.v15-hero-ring span{font-size:10px;color:var(--text-muted)}
.v15-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.v15-stat-row>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7px;padding:10px 12px;background:var(--card-bg,#202f36);border-radius:15px;box-shadow:0 3px 0 rgba(0,0,0,.2)}.v15-stat-row span{grid-row:1/3;font-size:20px;align-self:center}.v15-stat-row b{font-size:14px}.v15-stat-row small{font-size:8px;color:var(--text-muted);font-weight:800}.v15-level-tabs{display:flex;gap:6px;margin:14px 0 10px}.v15-level-tabs button{flex:1;border:0;border-radius:11px;padding:9px 8px;background:#22343c;color:#a9bdc5;font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #16242a}.v15-level-tabs button.is-active{background:#ef6c9e;color:#fff;box-shadow:0 3px 0 #b74670}.v15-story-list{display:flex;flex-direction:column;gap:9px}.v15-story-card{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:11px;border:0;border-radius:17px;padding:12px;background:var(--card-bg,#202f36);color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.22)}.v15-story-card:hover{transform:translateY(-1px)}.v15-story-card:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.22)}.v15-story-card.is-done{box-shadow:0 4px 0 #3f870f;background:linear-gradient(135deg,rgba(88,204,2,.12),var(--card-bg,#202f36) 42%)}.v15-story-card.is-started:not(.is-done){box-shadow:0 4px 0 #a568cc}.v15-story-icon{width:46px;height:46px;border-radius:15px;background:#17262d;display:grid;place-items:center;font-size:24px}.v15-story-copy{display:flex;flex-direction:column;min-width:0}.v15-story-meta{display:flex;align-items:center;gap:7px;margin-bottom:2px}.v15-story-meta b{font-size:8px;padding:3px 6px;border-radius:99px;background:rgba(239,108,158,.15);color:#ff9fc3}.v15-story-meta em{font-style:normal;font-size:8px;color:var(--text-muted);font-weight:800}.v15-story-copy>strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v15-story-copy>small{font-size:9px;color:var(--text-muted)}.v15-story-status{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#17262d;font-weight:900}.is-done .v15-story-status{background:#58cc02;color:#10200c}
.v15-reader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.v15-reader-level{font-size:9px;font-weight:900;background:rgba(239,108,158,.15);color:#ff9fc3;border-radius:99px;padding:4px 7px}.v15-reader-head h2{font-size:27px;margin:5px 0 2px}.v15-reader-head p{margin:0;color:var(--text-muted);font-size:10px}.v15-reader-head>button{border:0;border-radius:12px;background:#1cb0f6;color:#06202b;font:inherit;font-size:9px;font-weight:900;padding:9px 11px;box-shadow:0 3px 0 #137eaf;cursor:pointer}.v15-reader-tip{padding:10px 12px;border-radius:13px;background:rgba(255,200,0,.08);color:#dbc76f;font-size:10px;line-height:1.45;margin-bottom:10px}.v15-sentence-list{display:flex;flex-direction:column;gap:9px}.v15-sentence{position:relative;padding:15px;border-radius:17px;background:var(--card-bg,#202f36);box-shadow:0 4px 0 rgba(0,0,0,.2);cursor:pointer}.v15-sentence-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.v15-sentence-top>span{font-size:8px;font-weight:900;color:#6f858e}.v15-sentence-sound{border:0;width:31px;height:31px;border-radius:10px;background:#263b44;color:#fff;cursor:pointer}.v15-russian{font-size:18px;font-weight:800;line-height:1.75}.v15-word{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;border-bottom:1px dashed rgba(255,159,195,.35)}.v15-word:hover{color:#ff9fc3}.v15-translation{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:#c5d1d6;font-size:12px;line-height:1.5}.v15-tap-hint{display:block;margin-top:8px;font-size:8px;color:#70858e}.v15-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:15px;border-radius:18px;background:linear-gradient(135deg,#253b43,#213039);box-shadow:0 4px 0 #17242a}.v15-reader-footer>div{display:flex;flex-direction:column;gap:2px}.v15-reader-footer b{font-size:12px}.v15-reader-footer span{font-size:9px;color:var(--text-muted);line-height:1.4}.v15-reader-footer button{border:0;border-radius:12px;padding:10px 12px;background:#58cc02;color:#10200c;font:inherit;font-size:9px;font-weight:900;box-shadow:0 3px 0 #3f870f;white-space:nowrap;cursor:pointer}.v15-complete-note{margin-top:10px;border-radius:13px;padding:10px;background:rgba(88,204,2,.09);color:#8be64c;font-size:10px;font-weight:800}
.v15-dict-overlay{position:fixed;inset:0;z-index:99999;background:rgba(5,10,13,.72);display:grid;place-items:end center;padding:18px}.v15-dict-card{position:relative;width:min(430px,100%);box-sizing:border-box;padding:22px 18px 18px;border-radius:23px;background:#203039;color:#fff;box-shadow:0 10px 50px rgba(0,0,0,.55)}.v15-dict-close{position:absolute;right:12px;top:10px;border:0;background:#17242a;color:#8ea2aa;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}.v15-dict-label{font-size:8px;letter-spacing:1.4px;color:#ff9fc3;font-weight:900}.v15-dict-card>strong{display:block;font-size:32px;margin:7px 0 2px}.v15-dict-card>p{margin:0 0 15px;color:#c3d0d5;font-size:13px}.v15-dict-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px}.v15-dict-actions button{border:0;border-radius:12px;padding:10px;background:#2c414a;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v15-dict-actions button:last-child{background:#ef6c9e;box-shadow:0 3px 0 #b74670}
.v15-quiz-head{display:flex;align-items:center;justify-content:space-between;color:#8ea2aa;font-size:9px;font-weight:900}.v15-quiz-head b{color:#fff}.v15-quiz-progress{height:9px;border-radius:99px;background:#132027;overflow:hidden;margin:8px 0 20px}.v15-quiz-progress span{display:block;height:100%;background:#ef6c9e;border-radius:99px}.v15-quiz-card{padding:20px;border-radius:20px;background:var(--card-bg,#202f36);box-shadow:0 5px 0 rgba(0,0,0,.22)}.v15-quiz-card>small{font-size:9px;color:#ff9fc3;font-weight:900}.v15-quiz-card h2{font-size:19px;line-height:1.35;margin:8px 0 15px}.v15-quiz-options{display:flex;flex-direction:column;gap:8px}.v15-quiz-options button{border:0;border-radius:13px;padding:12px;background:#293c45;color:#fff;font:inherit;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 3px 0 #17262d}.v15-quiz-options button.is-correct{background:#58cc02;color:#10200c;box-shadow:0 3px 0 #3f870f}.v15-quiz-options button.is-wrong{background:#ff4b4b;box-shadow:0 3px 0 #b73535}.v15-quiz-feedback{min-height:22px;margin:12px 0 8px;font-size:10px;color:#c5d1d6}.v15-quiz-card>#v15-quiz-next{width:100%;border:0;border-radius:12px;padding:11px;background:#1cb0f6;color:#06202b;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #137eaf}.v15-result{text-align:center;padding:30px 18px;border-radius:23px;background:var(--card-bg,#202f36);box-shadow:0 5px 0 rgba(0,0,0,.22)}.v15-result>span{font-size:46px}.v15-result h2{font-size:23px;margin:7px 0}.v15-result>strong{display:block;font-size:45px;color:#58cc02}.v15-result.is-retry>strong{color:#ffc800}.v15-result>p{font-size:11px;color:var(--text-muted);line-height:1.55;max-width:430px;margin:8px auto 18px}.v15-result>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v15-result button{border:0;border-radius:12px;padding:11px;background:#293c45;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v15-result button:last-child{background:#ef6c9e;box-shadow:0 3px 0 #b74670}
.v15-learning-card{background:linear-gradient(145deg,#362631,#1d3038)!important}.v15-mini-badge{font-size:9px;font-weight:900;padding:5px 8px;border-radius:99px;background:rgba(239,108,158,.14);color:#ff9fc3}.v15-learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.v15-learning-stats span{padding:8px;border-radius:11px;background:rgba(0,0,0,.14);font-size:8px;color:var(--text-muted);text-align:center}.v15-learning-stats b{display:block;color:var(--text-primary);font-size:13px;margin-bottom:2px}.v15-open-reading{width:100%}
body.light-mode .v15-hero,body.light-mode .v15-learning-card{background:#fff!important;box-shadow:0 4px 0 #d7e2e7;color:#131f24}body.light-mode .v15-story-card,body.light-mode .v15-sentence,body.light-mode .v15-quiz-card,body.light-mode .v15-result{background:#fff;color:#16242a;box-shadow:0 4px 0 #d7e2e7}body.light-mode .v15-story-icon,body.light-mode .v15-story-status,body.light-mode .v15-sentence-sound{background:#edf3f5}body.light-mode .v15-sentence-sound{color:#1a2a31}body.light-mode .v15-translation{border-color:#e5ecef;color:#41545d}body.light-mode .v15-level-tabs button{background:#eaf1f4;color:#4c6069;box-shadow:0 3px 0 #d4e0e5}body.light-mode .v15-level-tabs button.is-active{background:#ef6c9e;color:#fff;box-shadow:0 3px 0 #b74670}
@media(max-width:480px){.v15-shell{padding:13px 14px 112px}.v15-hero{padding:16px}.v15-hero h2{font-size:22px}.v15-hero-ring{min-width:58px;height:58px;border-width:5px}.v15-hero-ring strong{font-size:20px;margin-top:12px}.v15-stat-row>div{padding:8px}.v15-stat-row span{font-size:17px}.v15-story-card{grid-template-columns:42px minmax(0,1fr) 30px;padding:10px}.v15-story-icon{width:40px;height:40px;font-size:21px}.v15-russian{font-size:16px}.v15-reader-head{flex-direction:column}.v15-reader-head>button{align-self:flex-start}.v15-reader-footer{align-items:flex-start;flex-direction:column}.v15-reader-footer button{width:100%}.v15-dict-actions{grid-template-columns:1fr}.v15-result>div{grid-template-columns:1fr}}


/* ===== SOURCE: assets/v16.css ===== */
/* Slovra V16 — Yazma Laboratuvarı */
.v16-home-tile{order:8;background:#9b6cff;box-shadow:0 5px 0 #6f45c2}.v16-home-tile .home-feature-icon{background:rgba(255,255,255,.25)}
.v16-back,.v16-history-top{border:0;background:transparent;color:var(--text-main);font:inherit;cursor:pointer}.v16-back{font-size:24px}.v16-history-top{font-size:10px;font-weight:900;padding:7px 9px;border-radius:10px;background:#263840}.v16-shell{padding:16px 20px 118px;max-width:680px;margin:0 auto}.v16-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:22px;padding:19px;background:linear-gradient(145deg,#312a47,#21333c);box-shadow:0 5px 0 #172229,0 15px 34px rgba(155,108,255,.08)}.v16-hero>div:first-child>span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#c9b3ff}.v16-hero h2{font-size:24px;margin:4px 0}.v16-hero p{margin:0;max-width:430px;font-size:10px;line-height:1.5;color:var(--text-muted)}.v16-hero-score{min-width:67px;height:67px;border-radius:19px;background:#17262d;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(155,108,255,.45)}.v16-hero-score strong{font-size:25px}.v16-hero-score small{font-size:8px;color:var(--text-muted);font-weight:800}.v16-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.v16-overview button{border:0;border-radius:13px;padding:9px;background:#21323a;color:#91a6ae;font:inherit;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #17252b}.v16-overview button b{display:block;font-size:16px;margin-bottom:2px}.v16-overview button.is-active{background:#9b6cff;color:#fff;box-shadow:0 3px 0 #6f45c2}.v16-level-tabs{display:flex;gap:6px;margin:10px 0}.v16-level-tabs button{flex:1;border:0;border-radius:12px;padding:9px;background:#23363e;color:#9eb0b7;font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #17262d}.v16-level-tabs button.is-active{background:#9b6cff;color:#fff;box-shadow:0 3px 0 #6f45c2}.v16-task-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;margin-bottom:9px;border-radius:14px;background:rgba(155,108,255,.08)}.v16-task-intro>div{display:flex;flex-direction:column;gap:2px}.v16-task-intro b{font-size:8px;color:#c9b3ff;letter-spacing:.8px}.v16-task-intro span{font-size:9px;color:var(--text-muted)}.v16-task-intro small{font-size:8px;font-weight:900;color:#9b6cff;white-space:nowrap}.v16-task-list{display:flex;flex-direction:column;gap:8px}.v16-task-card{width:100%;display:grid;grid-template-columns:45px minmax(0,1fr) 42px;align-items:center;gap:10px;text-align:left;border:0;border-radius:16px;padding:11px;background:var(--card-bg,#202f36);color:var(--text-main);font:inherit;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.22)}.v16-task-card:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.22)}.v16-task-icon{width:43px;height:43px;border-radius:14px;background:#18272e;display:grid;place-items:center;font-size:22px}.v16-task-copy{display:flex;flex-direction:column;min-width:0}.v16-task-copy>small{font-size:8px;color:#bba2f4;font-weight:900}.v16-task-copy>strong{font-size:13px;margin:1px 0}.v16-task-copy>em{font-style:normal;font-size:8px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-task-state{text-align:center;color:#9b6cff;font-weight:900}.v16-task-state b{display:block;font-size:16px}.v16-task-state small{display:block;font-size:7px}.v16-editor-head{padding:15px;border-radius:18px;background:linear-gradient(145deg,#302942,#24353c);box-shadow:0 4px 0 #17252b}.v16-editor-title{display:flex;align-items:center;gap:10px}.v16-editor-title>span{font-size:31px}.v16-editor-title small{font-size:8px;font-weight:900;color:#c9b3ff}.v16-editor-title h2{margin:1px 0;font-size:19px}.v16-editor-head>p{font-size:11px;line-height:1.5;color:#c1ced3;margin:10px 0}.v16-focus{display:flex;gap:5px;flex-wrap:wrap}.v16-focus span{font-size:8px;padding:5px 7px;border-radius:99px;background:rgba(155,108,255,.14);color:#d3c4ff;font-weight:900}.v16-editor-head details{margin-top:10px}.v16-editor-head summary{cursor:pointer;font-size:9px;font-weight:900;color:#92aab3}.v16-starters{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.v16-starters button{border:0;border-radius:9px;padding:6px 7px;background:#22353d;color:#d1dadd;font:inherit;font-size:9px;cursor:pointer}.v16-editor-card{margin-top:10px;padding:13px;border-radius:18px;background:var(--card-bg,#202f36);box-shadow:0 4px 0 rgba(0,0,0,.22)}#v16-text{box-sizing:border-box;width:100%;min-height:210px;resize:vertical;border:2px solid #31464f;border-radius:14px;padding:13px;background:#15242a;color:#fff;font:inherit;font-size:16px;line-height:1.75;outline:none;user-select:text}#v16-text:focus{border-color:#9b6cff;box-shadow:0 0 0 3px rgba(155,108,255,.1)}.v16-livebar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.v16-livebar span{text-align:center;padding:7px;border-radius:10px;background:#192a31;color:#80959d;font-size:8px}.v16-livebar b{display:block;color:#fff;font-size:12px}.v16-local-checks{display:flex;flex-direction:column;gap:5px}.v16-check{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;border-radius:10px;padding:7px 8px;background:#192a31}.v16-check>span{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#22363e;font-size:10px;font-weight:900}.v16-check p{margin:0;font-size:9px;line-height:1.35;color:#a9bbc2}.v16-check.ok>span{background:rgba(88,204,2,.15);color:#8ee956}.v16-check.warn>span{background:rgba(255,200,0,.14);color:#ffd84a}.v16-check.bad>span{background:rgba(255,75,75,.14);color:#ff7777}.v16-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.v16-editor-actions button{border:0;border-radius:12px;padding:10px;background:#2b4049;color:#fff;font:inherit;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #1a2a31}.v16-editor-actions .v16-ai-btn{background:#9b6cff;box-shadow:0 3px 0 #6f45c2}.v16-editor-actions button:disabled{opacity:.55;cursor:wait}.v16-local-note{display:block;font-size:8px;color:#687f88;line-height:1.4;margin-top:9px}.v16-ai-result-card{margin-top:11px;padding:15px;border-radius:20px;background:linear-gradient(145deg,#25363e,#262c42);box-shadow:0 5px 0 #17252b}.v16-ai-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.v16-ai-result-head span{font-size:8px;color:#c9b3ff;font-weight:900;letter-spacing:1px}.v16-ai-result-head h3{font-size:17px;margin:2px 0}.v16-score{width:62px;height:62px;border-radius:17px;display:flex;align-items:baseline;justify-content:center;background:#17262d;border:2px solid #50626a}.v16-score strong{font-size:25px;margin-top:13px}.v16-score small{font-size:8px}.v16-score.great{border-color:#58cc02}.v16-score.good{border-color:#1cb0f6}.v16-score.mid{border-color:#ffc800}.v16-score.low{border-color:#ff4b4b}.v16-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0}.v16-score-grid div{padding:8px 5px;border-radius:10px;background:rgba(0,0,0,.13);text-align:center}.v16-score-grid span{display:block;font-size:7px;color:#8499a1}.v16-score-grid b{font-size:11px}.v16-summary{font-size:10px;line-height:1.5;color:#c4d1d6}.v16-strengths,.v16-mistakes{display:flex;flex-direction:column;gap:6px;margin-top:10px}.v16-strengths>b,.v16-mistakes>b{font-size:9px}.v16-strengths span{padding:7px 9px;border-radius:9px;background:rgba(88,204,2,.08);font-size:9px;color:#a9cc95}.v16-mistakes article{padding:9px;border-radius:11px;background:rgba(255,75,75,.06)}.v16-mistakes article>div{display:flex;gap:7px;flex-wrap:wrap;font-size:11px}.v16-mistakes del{color:#e98a8a}.v16-mistakes strong{color:#8ee956}.v16-mistakes p{margin:5px 0 0;font-size:9px;color:#aebec4;line-height:1.4}.v16-corrected{margin-top:10px;padding:10px;border-radius:12px;background:#17272e}.v16-corrected>div{display:flex;justify-content:space-between;align-items:center}.v16-corrected b{font-size:9px}.v16-corrected button{border:0;border-radius:8px;padding:5px 7px;background:#2a414a;color:#fff;font:inherit;font-size:8px;cursor:pointer}.v16-corrected p{font-size:13px;line-height:1.7;white-space:pre-wrap;user-select:text}.v16-next{display:flex;gap:8px;padding:9px;margin-top:8px;border-radius:11px;background:rgba(28,176,246,.08)}.v16-next>span{font-size:17px}.v16-next p{margin:0;font-size:9px;color:#a9bac1;line-height:1.4}.v16-next b{display:block;color:#fff}.v16-ai-usage{display:block;margin-top:6px;text-align:center;color:#7d9199;font-size:8px}.v16-section-head{display:flex;justify-content:space-between;align-items:end;margin:12px 0 8px}.v16-section-head span{font-size:8px;color:#a98cff;font-weight:900;letter-spacing:1px}.v16-section-head h3{margin:2px 0;font-size:17px}.v16-section-head small{font-size:8px;color:#7f939b}.v16-history-list{display:flex;flex-direction:column;gap:7px}.v16-history-card{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:6px}.v16-history-open{display:grid;grid-template-columns:37px minmax(0,1fr) 45px;gap:8px;align-items:center;border:0;border-radius:14px;padding:9px;background:var(--card-bg,#202f36);color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.2)}.v16-history-level{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:rgba(155,108,255,.15);color:#c9b3ff;font-size:9px;font-weight:900}.v16-history-open>div{display:flex;flex-direction:column;min-width:0}.v16-history-open strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-history-open small{font-size:8px;color:#82969e}.v16-history-score,.v16-history-local{text-align:center;font-size:13px}.v16-history-score.great{color:#76df29}.v16-history-score.good{color:#48c4ff}.v16-history-score.mid{color:#ffd84d}.v16-history-score.low{color:#ff7575}.v16-history-local{font-size:7px;color:#83979f}.v16-history-delete{border:0;border-radius:10px;background:#293a42;color:#81949b;font-size:17px;cursor:pointer}.v16-empty{text-align:center;padding:28px 18px;margin-top:14px;border-radius:19px;background:var(--card-bg,#202f36);box-shadow:0 4px 0 rgba(0,0,0,.2)}.v16-empty>span{font-size:36px}.v16-empty h3{font-size:17px;margin:6px 0}.v16-empty p{font-size:9px;line-height:1.5;color:var(--text-muted);max-width:360px;margin:0 auto 13px}.v16-empty button{border:0;border-radius:11px;padding:9px 12px;background:#9b6cff;color:#fff;font:inherit;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #6f45c2}.v16-growth-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#2c2940,#20343c)}.v16-growth-hero>div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:3px}.v16-growth-hero small{grid-column:1/3;font-size:7px;color:#ac94e7;font-weight:900}.v16-growth-hero strong{font-size:34px}.v16-growth-hero span{font-size:8px;color:#7f949c}.v16-growth-hero p{margin:0;font-size:9px;color:#b5c2c7;max-width:260px}.v16-skill-progress,.v16-level-progress{margin-top:10px;padding:12px;border-radius:16px;background:var(--card-bg,#202f36)}.v16-skill-progress h4,.v16-level-progress h4{margin:0 0 9px;font-size:10px}.v16-skill-progress>div{display:grid;grid-template-columns:90px 1fr 45px;align-items:center;gap:7px;margin:7px 0}.v16-skill-progress span{font-size:8px}.v16-skill-progress>div>div{height:7px;border-radius:99px;background:#16252b;overflow:hidden}.v16-skill-progress i{display:block;height:100%;border-radius:99px;background:#9b6cff}.v16-skill-progress b{font-size:8px;text-align:right}.v16-growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.v16-growth-grid>div{padding:11px;border-radius:14px;background:var(--card-bg,#202f36)}.v16-growth-grid span{display:block;font-size:7px;color:#81959d}.v16-growth-grid b{display:block;font-size:12px;margin:2px 0}.v16-growth-grid small{font-size:8px;color:#9cb0b7}.v16-level-progress>div{display:grid;grid-template-columns:38px 1fr 40px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}.v16-level-progress>div:first-of-type{border-top:0}.v16-level-progress b{font-size:10px;color:#c9b3ff}.v16-level-progress span{font-size:8px;color:#81959d}.v16-level-progress strong{text-align:right;font-size:13px}.v16-learning-card{background:linear-gradient(145deg,#312a47,#20343c)!important}.v16-mini-badge{font-size:8px;padding:4px 7px;border-radius:99px;background:rgba(155,108,255,.15);color:#cbb9ff;font-weight:900}.v16-learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.v16-learning-stats span{text-align:center;padding:7px;border-radius:10px;background:rgba(0,0,0,.13);font-size:8px;color:var(--text-muted)}.v16-learning-stats b{display:block;font-size:12px;color:#fff}
body.light-mode .v16-hero,body.light-mode .v16-editor-head,body.light-mode .v16-learning-card{background:#fff!important;color:#17272e;box-shadow:0 4px 0 #d8e3e7}body.light-mode .v16-task-card,body.light-mode .v16-editor-card,body.light-mode .v16-history-open,body.light-mode .v16-empty,body.light-mode .v16-skill-progress,body.light-mode .v16-growth-grid>div,body.light-mode .v16-level-progress{background:#fff;color:#17272e;box-shadow:0 3px 0 #d8e3e7}body.light-mode #v16-text{background:#f2f6f7;color:#17272e;border-color:#d7e3e7}body.light-mode .v16-livebar span,body.light-mode .v16-check,body.light-mode .v16-corrected{background:#edf3f5}body.light-mode .v16-livebar b,body.light-mode .v16-check p,body.light-mode .v16-corrected p{color:#263a42}
@media(max-width:480px){.v16-shell{padding:13px 14px 112px}.v16-hero{padding:15px}.v16-hero h2{font-size:21px}.v16-hero p{font-size:9px}.v16-hero-score{min-width:58px;height:58px}.v16-hero-score strong{font-size:21px}.v16-task-card{grid-template-columns:40px minmax(0,1fr) 38px;padding:10px}.v16-task-icon{width:39px;height:39px;font-size:20px}.v16-editor-actions{grid-template-columns:1fr}.v16-score-grid{grid-template-columns:repeat(2,1fr)}.v16-growth-hero{align-items:flex-start;flex-direction:column}.v16-skill-progress>div{grid-template-columns:80px 1fr 38px}}


/* ===== SOURCE: assets/v17.css ===== */
/* Slovra V17 */
.v17-home-tile{--tile-accent:#ffb020}.v17-learning-card{border-color:color-mix(in srgb,#ffb020 48%,var(--border-color,#2e3e44))}.v17-mini-badge{font-size:10px;font-weight:900;letter-spacing:.08em;background:rgba(255,176,32,.14);color:#ffbd43;padding:5px 8px;border-radius:999px}.v17-learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.v17-learning-stats span{background:var(--surface-2,#17282f);padding:9px;border-radius:12px;text-align:center;font-size:11px;color:var(--text-muted,#8fa2aa)}.v17-learning-stats b{display:block;color:var(--text-primary,#fff);font-size:16px}.v17-back{border:0;background:transparent;color:var(--text-primary);font-size:24px;cursor:pointer}.v17-guide{font-size:11px;font-weight:900;color:#ffbd43;text-decoration:none}.v17-shell,.v17-exam-shell{max-width:760px;margin:0 auto 70px}.v17-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(255,176,32,.14),rgba(28,176,246,.08));border:1px solid rgba(255,176,32,.24);box-shadow:0 5px 0 rgba(0,0,0,.18)}.v17-hero span,.v17-kicker,.v17-section-head span,.v17-day-head>div>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ffbd43}.v17-hero h2{font-size:22px;margin:5px 0}.v17-hero p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.v17-ring{min-width:82px;height:82px;border-radius:50%;border:8px solid rgba(255,176,32,.2);display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(10,20,24,.32)}.v17-ring strong{font-size:27px;line-height:1}.v17-ring span{letter-spacing:0;color:var(--text-muted)}.v17-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.v17-tabs button{border:1px solid var(--border-color,#304047);background:var(--surface-2,#17272d);color:var(--text-muted);padding:10px 6px;border-radius:12px;font-weight:900;font-size:12px;cursor:pointer}.v17-tabs button.active{background:#ffb020;color:#172027;border-color:#ffb020;box-shadow:0 3px 0 #bd7410}.v17-day-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px;background:var(--surface-1,#122127);border:1px solid var(--border-color,#2c3d44);border-radius:18px}.v17-day-head h3{margin:4px 0;font-size:21px}.v17-day-head p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.v17-day-score{width:66px;height:66px;border-radius:17px;background:rgba(88,204,2,.1);border:1px solid rgba(88,204,2,.25);display:flex;flex-direction:column;align-items:center;justify-content:center}.v17-day-score strong{font-size:20px;color:#58cc02}.v17-day-score small{font-size:10px;color:var(--text-muted)}.v17-signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.v17-signal-row>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;background:var(--surface-2,#17272d);border:1px solid var(--border-color,#2c3d44);padding:10px;border-radius:14px}.v17-signal-row span{grid-row:1/3;font-size:19px}.v17-signal-row b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v17-signal-row small{font-size:9px;color:var(--text-muted)}.v17-task-list{display:flex;flex-direction:column;gap:9px}.v17-task{display:grid;grid-template-columns:34px 42px 1fr auto;gap:9px;align-items:center;padding:11px;background:var(--surface-1,#122127);border:1px solid var(--border-color,#2c3d44);border-radius:16px;transition:.2s}.v17-task.done{opacity:.66;border-color:rgba(88,204,2,.35)}.v17-task.done .v17-task-copy strong{text-decoration:line-through}.v17-check{width:31px;height:31px;border-radius:50%;border:2px solid #ffb020;background:transparent;color:#ffbd43;font-weight:900;cursor:pointer}.v17-task.done .v17-check{background:#58cc02;border-color:#58cc02;color:#10200c}.v17-task-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.05);display:grid;place-items:center;font-size:21px}.v17-task-copy{min-width:0}.v17-task-copy span{font-size:9px;font-weight:900;color:#ffbd43}.v17-task-copy strong{display:block;font-size:14px;margin:2px 0}.v17-task-copy small{display:block;color:var(--text-muted);font-size:10px;line-height:1.35}.v17-do{border:0;background:rgba(28,176,246,.11);color:#55c8f8;padding:9px 10px;border-radius:10px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.v17-day-actions{display:flex;gap:8px;margin-top:12px}.v17-day-actions button,.v17-settings-card>button,.v17-section-head>button,.v17-exam-card>button,.v17-result-actions button{flex:1;border:0;border-radius:13px;padding:12px 14px;background:#58cc02;color:#10200c;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #3a9200}.v17-day-actions button.secondary,.v17-result-actions .secondary{background:var(--surface-2,#17272d);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.v17-day-actions button:disabled{opacity:.4;cursor:not-allowed}.v17-manual-note{font-size:10px;color:var(--text-muted);text-align:center;line-height:1.45}.v17-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:7px 0 12px}.v17-section-head h3{margin:3px 0}.v17-section-head>strong{font-size:22px;color:#ffbd43}.v17-section-head>a{font-size:11px;color:#55c8f8;text-decoration:none;font-weight:900}.v17-calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.v17-calendar button{min-height:72px;border-radius:13px;border:1px solid var(--border-color);background:var(--surface-2,#17272d);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.v17-calendar button:disabled{opacity:.38}.v17-calendar small{font-size:8px;color:var(--text-muted)}.v17-calendar b{font-size:17px}.v17-calendar span{font-size:8px;color:var(--text-muted)}.v17-calendar .done{border-color:rgba(88,204,2,.4);background:rgba(88,204,2,.08)}.v17-calendar .done b{color:#58cc02}.v17-calendar .current{border-color:#ffb020;box-shadow:inset 0 0 0 1px #ffb020}.v17-calendar .milestone:not(.done){background:rgba(255,176,32,.08)}.v17-phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.v17-phase-grid>div{background:var(--surface-1);border:1px solid var(--border-color);border-radius:14px;padding:12px}.v17-phase-grid span{font-size:20px}.v17-phase-grid b{display:block;font-size:12px;margin:4px 0}.v17-phase-grid small{color:var(--text-muted);font-size:9px}.v17-settings-card,.v17-reset-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:17px;padding:15px}.v17-settings-card label{display:grid;grid-template-columns:1fr 150px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:800}.v17-settings-card select{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;padding:9px}.v17-settings-info{margin:12px 0;padding:11px;border-radius:12px;background:rgba(28,176,246,.08);font-size:11px}.v17-settings-info p{margin:4px 0;color:var(--text-muted);line-height:1.4}.v17-reset-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.v17-reset-card b,.v17-reset-card small{display:block}.v17-reset-card small{color:var(--text-muted);font-size:10px;margin-top:3px}.v17-reset-card button{border:1px solid rgba(255,80,80,.35);background:rgba(255,80,80,.08);color:#ff7777;border-radius:10px;padding:8px 12px;font-weight:900;cursor:pointer}.v17-exam-history{display:flex;flex-direction:column;gap:8px}.v17-exam-history article{padding:13px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-1)}.v17-exam-history article>div{display:flex;justify-content:space-between}.v17-exam-history span,.v17-exam-history small{font-size:10px;color:var(--text-muted)}.v17-exam-history b{color:#ffbd43}.v17-exam-history p{margin:5px 0;font-size:12px}.v17-empty{text-align:center;padding:30px 15px;border:1px dashed var(--border-color);border-radius:17px;color:var(--text-muted)}.v17-empty span{font-size:34px}.v17-empty b{display:block;color:var(--text-primary);margin:6px}.v17-loading{text-align:center;padding:35px;color:var(--text-muted)}.v17-exam-card{max-width:620px;margin:20px auto;background:var(--surface-1,#122127);border:1px solid var(--border-color,#2c3d44);border-radius:22px;padding:22px;text-align:center}.v17-exam-icon,.v17-result-icon{font-size:46px;margin:10px}.v17-exam-card h2{margin:7px 0}.v17-exam-card>p{color:var(--text-muted);font-size:13px;line-height:1.5}.v17-exam-start-meta{display:flex;justify-content:center;gap:8px;margin:16px 0}.v17-exam-start-meta span{background:var(--surface-2);padding:7px 10px;border-radius:999px;font-size:10px;color:var(--text-muted)}.v17-exam-top{display:flex;justify-content:space-between}.v17-exam-top span{background:#ffb020;color:#172027;padding:5px 9px;border-radius:8px;font-weight:900;font-size:11px}.v17-exam-track{height:8px;background:var(--surface-2);border-radius:999px;margin:12px 0 16px;overflow:hidden}.v17-exam-track i{display:block;height:100%;background:#58cc02;border-radius:999px}.v17-exam-card>small{color:#ffbd43;font-weight:900}.v17-exam-options{display:grid;gap:8px;margin-top:15px}.v17-exam-options button{border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-primary);padding:12px;border-radius:13px;text-align:left;font-weight:800;cursor:pointer}.v17-exam-options button.correct{border-color:#58cc02;background:rgba(88,204,2,.12)}.v17-exam-options button.wrong{border-color:#ff5d5d;background:rgba(255,93,93,.1)}.v17-exam-feedback{min-height:24px;margin:11px 0;font-size:11px;color:var(--text-muted)}.v17-exam-feedback.ok{color:#7cdd41}.v17-exam-feedback.no{color:#ffbd43}.v17-result-skills{display:grid;gap:7px;text-align:left;margin:15px 0}.v17-result-skills>div{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:8px;font-size:10px}.v17-result-skills i{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.v17-result-skills i b{display:block;height:100%;background:#1cb0f6}.v17-result-reco{padding:13px;border-radius:14px;background:rgba(255,176,32,.08);margin:12px 0}.v17-result-reco b{display:block;font-size:17px;margin:3px}.v17-result-reco p{margin:0;color:var(--text-muted);font-size:11px}.v17-result-actions{display:flex;gap:8px}.v17-disclaimer{display:block;margin-top:14px;color:var(--text-muted)!important;font-size:9px!important;line-height:1.4}.hidden{display:none!important}
@media(max-width:600px){.v17-hero{padding:15px}.v17-hero h2{font-size:18px}.v17-ring{min-width:68px;height:68px}.v17-tabs button{font-size:10px;padding:9px 3px}.v17-signal-row{grid-template-columns:1fr 1fr}.v17-signal-row>div:last-child{grid-column:1/-1}.v17-task{grid-template-columns:30px 38px 1fr}.v17-do{grid-column:3;padding:7px 9px;justify-self:start}.v17-calendar{grid-template-columns:repeat(5,1fr)}.v17-settings-card label{grid-template-columns:1fr}.v17-settings-card select{margin-top:6px}.v17-phase-grid{grid-template-columns:1fr}.v17-result-skills>div{grid-template-columns:75px 1fr 36px}}

/* ========================================================================== 
   V17.1 — KİŞİSEL PROGRAM UI HOTFIX
   Ana sayfa launcher kontrastı + program ekranı güvenli kenar boşlukları.
   ========================================================================== */
.v17-home-tile{
    background:linear-gradient(145deg,#ffc14f 0%,#ffad22 100%)!important;
    color:#172027!important;
    box-shadow:0 5px 0 #bd7410!important;
}
.v17-home-tile .home-feature-icon{
    background:rgba(255,255,255,.42);
    color:#172027;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.42),0 2px 0 rgba(120,69,0,.16);
}
.v17-home-tile strong{color:#172027!important}
.v17-home-tile small{color:rgba(23,32,39,.76)!important}
.v17-home-tile:active{box-shadow:0 2px 0 #bd7410!important}

#screen-v17-program{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow-x:hidden;
}
#screen-v17-program .game-header{
    box-sizing:border-box;
    width:100%;
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
}
#screen-v17-program .v17-shell{
    width:100%;
    max-width:760px;
    box-sizing:border-box;
    margin:0 auto;
    padding:16px 20px 100px;
}
#screen-v17-program .v17-tab,
#screen-v17-program .v17-hero,
#screen-v17-program .v17-tabs,
#screen-v17-program .v17-day-head,
#screen-v17-program .v17-signal-row,
#screen-v17-program .v17-task-list,
#screen-v17-program .v17-day-actions,
#screen-v17-program .v17-manual-note,
#screen-v17-program .v17-section-head,
#screen-v17-program .v17-calendar,
#screen-v17-program .v17-phase-grid,
#screen-v17-program .v17-settings-card,
#screen-v17-program .v17-reset-card,
#screen-v17-program .v17-exam-history{
    min-width:0;
    box-sizing:border-box;
}
#screen-v17-program .v17-hero{margin-top:0}
#screen-v17-program .v17-task{width:100%;box-sizing:border-box}
#screen-v17-program .v17-do{max-width:100%}

body.light-mode .v17-home-tile{
    background:linear-gradient(145deg,#ffc14f 0%,#ffad22 100%)!important;
    color:#172027!important;
    box-shadow:0 5px 0 #c17a15!important;
}
body.light-mode .v17-home-tile .home-feature-icon,
body.light-mode .v17-home-tile strong{color:#172027!important}
body.light-mode .v17-home-tile small{color:#4b3a21!important}
body.light-mode #screen-v17-program .v17-hero,
body.light-mode #screen-v17-program .v17-day-head,
body.light-mode #screen-v17-program .v17-task,
body.light-mode #screen-v17-program .v17-signal-row>div,
body.light-mode #screen-v17-program .v17-phase-grid>div,
body.light-mode #screen-v17-program .v17-settings-card,
body.light-mode #screen-v17-program .v17-reset-card,
body.light-mode #screen-v17-program .v17-exam-history article{
    background:#fff;
    color:#172027;
    border-color:#d9e2e7;
}
body.light-mode #screen-v17-program .v17-tabs button,
body.light-mode #screen-v17-program .v17-calendar button{
    background:#f3f6f8;
    color:#263941;
    border-color:#d9e2e7;
}
body.light-mode #screen-v17-program .v17-tabs button.active{
    background:#ffb020;
    color:#172027;
    border-color:#ffb020;
}

@media(max-width:600px){
    #screen-v17-program .game-header{
        padding-left:max(14px,env(safe-area-inset-left));
        padding-right:max(14px,env(safe-area-inset-right));
    }
    #screen-v17-program .v17-shell{padding:13px 14px 96px}
    #screen-v17-program .v17-hero{border-radius:18px;padding:14px}
    #screen-v17-program .v17-day-head{border-radius:16px;padding:14px}
    #screen-v17-program .v17-signal-row{gap:7px}
    #screen-v17-program .v17-task{border-radius:14px;padding:10px}
    #screen-v17-program .v17-calendar{gap:6px}
}
@media(max-width:380px){
    #screen-v17-program .v17-shell{padding-left:11px;padding-right:11px}
    #screen-v17-program .v17-hero{gap:10px}
    #screen-v17-program .v17-ring{min-width:62px;width:62px;height:62px;border-width:6px}
    #screen-v17-program .v17-tabs{gap:5px}
    #screen-v17-program .v17-tabs button{font-size:9px;padding:9px 2px}
}


/* ===== SOURCE: assets/v21.css ===== */
/* Slovra V21 — Ana Sayfa & Global Arama 2.0 */
#screen-home{overflow-x:hidden}
.v21-home-shell,.v21-feature-panel{width:calc(100% - 40px);max-width:920px;margin-left:auto;margin-right:auto;box-sizing:border-box;min-width:0}
.v21-home-shell{margin-top:10px;margin-bottom:14px;display:grid;gap:12px}
.v21-command{border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(26,45,55,.96),rgba(18,31,38,.98));border-radius:21px;padding:15px;box-shadow:0 5px 0 rgba(0,0,0,.2);min-width:0;overflow:hidden}
.v21-command-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.v21-command-copy{min-width:0}
.v21-kicker{display:block;font-size:10px;line-height:1;font-weight:950;letter-spacing:1.1px;color:#64d7ff;margin-bottom:6px}
.v21-command h2{font-size:20px;line-height:1.12;margin:0 0 4px;font-weight:950;color:var(--text-primary,#fff)}
.v21-command p{font-size:12px;line-height:1.42;margin:0;color:var(--text-muted,#9ca8ad);font-weight:700}
.v21-search-mini{border:0;border-radius:13px;background:rgba(101,217,255,.13);color:#8de5ff;font-weight:950;padding:10px 12px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(101,217,255,.16)}
.v21-search-bar{width:100%;max-width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);background:rgba(5,14,18,.42);color:var(--text-primary,#fff);border-radius:15px;padding:12px 13px;display:flex;align-items:center;gap:10px;text-align:left;cursor:text;margin-top:13px;min-width:0}
.v21-search-bar>span:first-child{font-size:17px;flex:0 0 auto}.v21-search-bar>span:nth-child(2){font-size:13px;color:var(--text-muted,#9ca8ad);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.v21-search-key{font-size:9px!important;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:3px 5px;color:#7f929a!important;background:rgba(255,255,255,.04);flex:0 0 auto!important}
.v21-signal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;min-width:0}
.v21-signal{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:13px;padding:8px 9px;display:flex;align-items:center;gap:7px;min-width:0}
.v21-signal>span{font-size:16px;flex:0 0 auto}.v21-signal>div{display:flex;flex-direction:column;min-width:0}.v21-signal b{font-size:12px;line-height:1.1;color:var(--text-primary,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v21-signal small{font-size:8.5px;color:var(--text-muted,#8f9ca2);font-weight:800;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v21-resume{display:flex;align-items:center;gap:10px;border:1px solid rgba(88,204,2,.16);background:rgba(88,204,2,.065);border-radius:14px;padding:10px 11px;margin-top:10px;min-width:0}.v21-resume.hidden{display:none}.v21-resume-icon{font-size:18px;flex:0 0 auto}.v21-resume-copy{min-width:0;flex:1;display:flex;flex-direction:column}.v21-resume-copy small{font-size:8.5px;font-weight:950;color:#78cc51;letter-spacing:.5px}.v21-resume-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v21-resume button{border:0;border-radius:10px;background:#58cc02;color:#122000;font-weight:950;padding:8px 10px;cursor:pointer;white-space:nowrap}
/* V13 rotasını V21'in ana CTA'sı gibi göster */
.v21-home-shell .v13-home-path{width:100%!important;margin:0!important;max-width:none!important;box-sizing:border-box!important;border-radius:18px!important;min-width:0!important}
.v21-home-shell .v13-home-main{min-width:0}.v21-home-shell .v13-home-copy{min-width:0}.v21-home-shell .v13-home-copy strong,.v21-home-shell .v13-home-copy small{overflow-wrap:anywhere}
.v21-feature-panel{margin-top:4px;margin-bottom:19px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.022);border-radius:18px;padding:10px 10px 11px;overflow:hidden;min-width:0}
.v21-feature-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 3px 8px}.v21-feature-head>div{display:flex;flex-direction:column;min-width:0}.v21-feature-head strong{font-size:13px}.v21-feature-head small{font-size:9px;color:var(--text-muted,#8e9aa0);font-weight:800}.v21-feature-toggle{border:0;background:rgba(255,255,255,.06);color:var(--text-primary,#fff);font-size:10px;font-weight:950;border-radius:10px;padding:7px 9px;cursor:pointer;white-space:nowrap}
.v21-feature-panel .home-feature-grid{margin:0!important;width:100%!important;box-sizing:border-box;overflow:hidden;transition:max-height .22s ease,opacity .22s ease;min-width:0}
.v21-feature-panel:not(.expanded) .home-feature-grid{max-height:105px}.v21-feature-panel.expanded .home-feature-grid{max-height:900px}
#screen-home>.leader-subtitle{position:static!important;left:auto!important;width:calc(100% - 40px);max-width:920px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;padding-left:2px}
/* Header search */
.v21-header-search{width:31px;height:31px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.055);color:var(--text-primary,#fff);display:grid;place-items:center;font-size:15px;cursor:pointer;flex:0 0 auto}
/* Global search screen */
#screen-v21-search{overflow-x:hidden}.v21-search-page{width:calc(100% - 32px);max-width:820px;margin:0 auto 90px;box-sizing:border-box;min-width:0}.v21-search-box{position:sticky;top:0;z-index:6;background:var(--bg-color,#101f25);padding:10px 0 10px}.v21-search-input-wrap{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:16px;padding:0 12px;box-sizing:border-box;min-width:0}.v21-search-input-wrap>span{flex:0 0 auto}.v21-search-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:transparent!important;border:0!important;outline:0!important;color:var(--text-primary,#fff)!important;font:800 16px/1.2 Nunito,sans-serif;padding:13px 0!important;margin:0!important;box-shadow:none!important}.v21-search-clear{border:0;background:rgba(255,255,255,.06);color:var(--text-muted,#a5afb4);border-radius:9px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.v21-search-filters{display:flex;gap:6px;overflow-x:auto;padding:9px 0 1px;scrollbar-width:none}.v21-search-filters::-webkit-scrollbar{display:none}.v21-search-filters button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text-muted,#9ba6ab);border-radius:999px;padding:7px 10px;font-size:9.5px;font-weight:950;white-space:nowrap;cursor:pointer}.v21-search-filters button.active{background:#1cb0f6;color:#07171f;border-color:#1cb0f6}
.v21-search-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 2px 8px}.v21-search-meta span{font-size:10px;color:var(--text-muted,#95a1a6);font-weight:850}.v21-search-refresh{border:0;background:none;color:#67d9ff;font-size:9px;font-weight:950;cursor:pointer}.v21-results{display:grid;gap:8px}.v21-result{width:100%;max-width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.075);background:var(--card-bg,#1b2b32);color:var(--text-primary,#fff);border-radius:15px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;min-width:0}.v21-result:hover{border-color:rgba(28,176,246,.3)}.v21-result-icon{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.055);display:grid;place-items:center;font-size:18px;flex:0 0 auto}.v21-result-copy{min-width:0;flex:1;display:flex;flex-direction:column}.v21-result-copy small{font-size:8px;color:#66d9ff;font-weight:950;letter-spacing:.35px;text-transform:uppercase}.v21-result-copy strong{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v21-result-copy span{font-size:10px;line-height:1.25;color:var(--text-muted,#98a4a9);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v21-result-arrow{color:#6f8189;font-weight:950;flex:0 0 auto}.v21-search-empty{border:1px dashed rgba(255,255,255,.09);border-radius:16px;padding:30px 18px;text-align:center;color:var(--text-muted,#94a0a5)}.v21-search-empty>span{font-size:30px;display:block;margin-bottom:8px}.v21-search-empty b{color:var(--text-primary,#fff);display:block;margin-bottom:4px}.v21-search-empty p{margin:0;font-size:11px}
body.light-mode .v21-command{background:linear-gradient(145deg,#f7fbfc,#eef6f8);border-color:#d9e5e9;box-shadow:0 4px 0 #d6e2e5}body.light-mode .v21-search-bar,body.light-mode .v21-signal,body.light-mode .v21-feature-panel,body.light-mode .v21-result,body.light-mode .v21-search-input-wrap{background:#fff;border-color:#dce5e8}body.light-mode .v21-result-copy strong,body.light-mode .v21-command h2{color:#16232a}body.light-mode .v21-feature-toggle,body.light-mode .v21-header-search{background:#edf3f5;color:#1b2d35}
@media(max-width:650px){.v21-home-shell,.v21-feature-panel,#screen-home>.leader-subtitle{width:calc(100% - 28px)}.v21-home-shell{gap:10px}.v21-command{padding:13px;border-radius:18px}.v21-command h2{font-size:18px}.v21-signal-row{gap:6px}.v21-signal{padding:7px}.v21-signal b{font-size:11px}.v21-feature-panel:not(.expanded) .home-feature-grid{max-height:190px}.v21-search-page{width:calc(100% - 24px)} }
@media(max-width:390px){.v21-home-shell,.v21-feature-panel,#screen-home>.leader-subtitle{width:calc(100% - 20px)}.v21-command-top{align-items:flex-start}.v21-search-mini{padding:8px 9px}.v21-signal-row{grid-template-columns:1fr}.v21-signal small{font-size:9px}.v21-resume{align-items:flex-start;flex-wrap:wrap}.v21-resume button{width:100%}.v21-search-key{display:none}.v21-search-page{width:calc(100% - 18px)}.v21-result{padding:10px}.v21-result-copy strong{font-size:12px}}


/* ===== SOURCE: assets/v22.css ===== */
/* Slovra V22 — Birleşik Akıllı Tekrar */
#screen-v22-review{overflow-x:hidden}.v22-shell{width:calc(100% - 40px);max-width:860px;margin:0 auto 92px;box-sizing:border-box;min-width:0}.v22-back,.v22-refresh{border:0;background:rgba(255,255,255,.055);color:var(--text-primary,#fff);width:34px;height:34px;border-radius:11px;font-size:18px;font-weight:950;cursor:pointer}.v22-refresh{font-size:15px}
.v22-home{border:1px solid rgba(170,118,255,.18);background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(46,213,255,.055));border-radius:18px;padding:12px 13px;display:flex;align-items:center;gap:11px;min-width:0;box-shadow:0 4px 0 rgba(0,0,0,.14)}.v22-home-icon{width:43px;height:43px;border-radius:14px;background:rgba(167,119,255,.15);display:grid;place-items:center;font-size:22px;flex:0 0 auto}.v22-home-copy{min-width:0;display:flex;flex-direction:column;flex:1}.v22-home-copy span,.v22-learning>div:nth-child(2)>span{font-size:8.5px;font-weight:950;letter-spacing:.8px;color:#b595ff}.v22-home-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-home-copy small{font-size:9.5px;color:var(--text-muted,#94a0a5);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.v22-home button,.v22-learning button{border:0;background:#a879ff;color:#120728;border-radius:11px;padding:9px 10px;font-size:10px;font-weight:950;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.v22-learning{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center;gap:11px}.v22-learning-icon{width:43px;height:43px;border-radius:14px;background:rgba(167,119,255,.12);display:grid;place-items:center;font-size:22px}.v22-learning h3{margin:2px 0 3px;font-size:14px}.v22-learning p{margin:0;color:var(--text-muted,#95a1a6);font-size:10px;line-height:1.35}
.v22-hero{margin-top:8px;border:1px solid rgba(167,119,255,.17);background:linear-gradient(145deg,rgba(37,47,61,.98),rgba(24,33,42,.98));border-radius:22px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0}.v22-hero>div:first-child{min-width:0}.v22-hero>div:first-child>span,.v22-section-head span{font-size:9px;font-weight:950;letter-spacing:1px;color:#b591ff}.v22-hero h2{margin:5px 0 5px;font-size:20px;line-height:1.12}.v22-hero p{margin:0;color:var(--text-muted,#96a2a7);font-size:11px;line-height:1.4}.v22-ring{width:70px;height:70px;border-radius:50%;background:conic-gradient(#a879ff 0 72%,rgba(255,255,255,.07) 72%);box-shadow:inset 0 0 0 7px rgba(18,26,32,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.v22-ring strong{font-size:15px}.v22-ring small{font-size:8px;color:var(--text-muted,#9ba5aa);font-weight:850}
.v22-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.v22-summary>div{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:14px;padding:10px 8px;text-align:center;min-width:0}.v22-summary span{font-size:16px;display:block}.v22-summary b{display:block;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-summary small{font-size:8px;color:var(--text-muted,#94a0a5);font-weight:800;white-space:nowrap}
.v22-focus{margin:12px 0}.v22-focus-card{border:1px solid rgba(255,255,255,.085);background:var(--card-bg,#1b2b32);border-radius:20px;padding:15px;box-shadow:0 4px 0 rgba(0,0,0,.14);min-width:0;overflow:hidden}.v22-focus-card.srs{border-color:rgba(28,176,246,.18)}.v22-focus-card.wrong{border-color:rgba(255,150,90,.17)}.v22-focus-card.practice{border-color:rgba(167,119,255,.17)}.v22-focus-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.v22-focus-top>div{min-width:0}.v22-focus-top span{font-size:8.5px;color:#b591ff;font-weight:950;letter-spacing:.7px}.v22-focus-top h3{margin:4px 0 4px;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.v22-focus-top p{margin:0;color:var(--text-muted,#94a0a5);font-size:10px;line-height:1.35}.v22-focus-top>button{border:0;background:rgba(255,255,255,.055);color:var(--text-muted,#a3adb1);border-radius:9px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.v22-word{text-align:center;font-size:31px;font-weight:950;margin:22px 0 8px;overflow-wrap:anywhere}.v22-speak{display:block;margin:0 auto 12px;border:0;background:rgba(28,176,246,.11);color:#70d9ff;border-radius:10px;padding:7px 11px;font-weight:900;cursor:pointer}.v22-answer{margin:12px 0;border:1px solid rgba(88,204,2,.13);background:rgba(88,204,2,.06);border-radius:13px;padding:12px;text-align:center;font-size:14px;font-weight:900;overflow-wrap:anywhere}.v22-answer.hidden,.v22-rates.hidden,.v22-focus-actions .hidden{display:none!important}.v22-answer small{display:block;font-size:8px;color:#7ecc58;margin-bottom:4px}.v22-answer p{font-size:10px;font-weight:700;color:var(--text-muted,#9aa5aa);margin:6px 0 0}.v22-primary,.v22-focus-actions button{border:0;border-radius:12px;background:#a879ff;color:#120728;font-weight:950;padding:11px 13px;cursor:pointer;max-width:100%;box-sizing:border-box}.v22-primary{display:block;margin:10px auto 0}.v22-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.v22-rates button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text-primary,#fff);border-radius:12px;padding:9px 5px;cursor:pointer;min-width:0}.v22-rates b{display:block;font-size:10px}.v22-rates small{display:block;font-size:7.5px;color:var(--text-muted,#98a4aa);margin-top:2px}.v22-question{font-size:17px;line-height:1.38;font-weight:900;text-align:center;margin:18px 0;overflow-wrap:anywhere}.v22-wrong-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 10px}.v22-wrong-options span{border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:8px;font-size:10px;overflow-wrap:anywhere}.v22-focus-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:11px}.v22-focus-actions .secondary{background:rgba(255,255,255,.065);color:var(--text-primary,#fff)}.v22-integrity,.v22-practice-copy{font-size:9px!important;line-height:1.45!important;color:var(--text-muted,#93a0a5)!important;text-align:center;margin:11px auto 0!important;max-width:600px}.v22-practice-icon{text-align:center;font-size:42px;margin:18px 0 6px}.v22-focus-card h4{text-align:center;margin:0;font-size:15px;overflow-wrap:anywhere}
.v22-list-wrap{margin-top:14px}.v22-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 8px}.v22-section-head h3{margin:3px 0 0;font-size:15px}.v22-section-head>small{font-size:9px;color:var(--text-muted,#93a0a5);font-weight:850}.v22-list{display:grid;gap:7px}.v22-row{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:14px;padding:9px;display:grid;grid-template-columns:28px 36px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.v22-row.done{opacity:.62;border-color:rgba(88,204,2,.12)}.v22-row.skipped{opacity:.48}.v22-row-num{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.055);display:grid;place-items:center;font-size:10px;font-weight:950}.v22-row.done .v22-row-num{background:rgba(88,204,2,.12);color:#7bd04f}.v22-row-icon{font-size:18px;text-align:center}.v22-row-copy{min-width:0;display:flex;flex-direction:column}.v22-row-copy span{font-size:7.5px;color:#9b7fff;font-weight:950;letter-spacing:.35px}.v22-row-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-row-copy small{font-size:8.5px;color:var(--text-muted,#94a0a5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-row-open{border:0;background:rgba(255,255,255,.055);color:var(--text-primary,#fff);border-radius:9px;padding:7px 8px;font-size:8.5px;font-weight:950;cursor:pointer;white-space:nowrap}.v22-note{display:flex;gap:9px;border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:11px;margin-top:12px;color:var(--text-muted,#93a0a5)}.v22-note>span{font-size:18px}.v22-note b{color:var(--text-primary,#fff);font-size:10px}.v22-note p{font-size:9px;line-height:1.4;margin:2px 0 0}.v22-loading,.v22-error,.v22-empty{border:1px dashed rgba(255,255,255,.08);border-radius:16px;padding:24px;text-align:center;color:var(--text-muted,#94a0a5);font-size:11px}.v22-done{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.v22-done>span{font-size:38px}.v22-done strong{font-size:16px}.v22-done p{font-size:10px;color:var(--text-muted,#94a0a5);margin:3px 0 0}.v22-done>div:last-child{grid-column:1/-1;display:flex;gap:7px}.v22-done button{border:0;border-radius:11px;background:#58cc02;color:#112000;padding:9px 11px;font-weight:950;cursor:pointer}.v22-done button.secondary{background:rgba(255,255,255,.065);color:var(--text-primary,#fff)}
body.light-mode .v22-hero,body.light-mode .v22-focus-card,body.light-mode .v22-row,body.light-mode .v22-summary>div,body.light-mode .v22-home{background:#fff;border-color:#dce5e8}body.light-mode .v22-hero{background:linear-gradient(145deg,#f8f5ff,#f3f9fb)}body.light-mode .v22-focus-top h3,body.light-mode .v22-hero h2,body.light-mode .v22-row-copy strong{color:#17242a}
@media(max-width:650px){.v22-shell{width:calc(100% - 28px)}.v22-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-home{padding:10px}.v22-home button{padding:8px}.v22-rates{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-row{grid-template-columns:27px 32px minmax(0,1fr)}.v22-row-open{grid-column:3;justify-self:start}.v22-learning{grid-template-columns:auto minmax(0,1fr)!important}.v22-learning button{grid-column:1/-1;width:100%}}
@media(max-width:390px){.v22-shell{width:calc(100% - 20px)}.v22-hero{padding:13px;align-items:flex-start}.v22-ring{width:59px;height:59px;box-shadow:inset 0 0 0 6px rgba(18,26,32,.95)}.v22-hero h2{font-size:17px}.v22-home{align-items:flex-start;flex-wrap:wrap}.v22-home-copy strong,.v22-home-copy small{white-space:normal}.v22-home button{width:100%}.v22-wrong-options{grid-template-columns:1fr}.v22-row-copy strong,.v22-row-copy small{white-space:normal}.v22-done>div:last-child{flex-direction:column}.v22-done button{width:100%}}


/* ===== SOURCE: assets/v23.css ===== */
/* Slovra V23 — Class & Teacher 2.0 + UX fixes */
/* V21 shortcut panel: no max-height clipping or half-visible rows */
.v21-feature-panel .home-feature-grid{
  max-height:none!important;
  overflow:visible!important;
  transition:none!important;
  min-width:0!important;
}
.v21-feature-panel:not(.expanded) .home-feature-grid>*:nth-child(n+9){display:none!important}
.v21-feature-panel{overflow:visible!important}
.v21-feature-toggle{min-height:34px}
@media(max-width:650px){
  .v21-feature-panel:not(.expanded) .home-feature-grid>*:nth-child(n+9){display:none!important}
}
@media(max-width:390px){
  .v21-feature-head{align-items:flex-start}
  .v21-feature-toggle{flex:0 0 auto}
}

/* Classroom assignments */
.v23-class-work{margin-top:16px;border-top:1px solid rgba(255,255,255,.07);padding-top:15px}
.v23-class-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.v23-class-work-head h4{margin:0!important;color:var(--text-main,#fff)!important;font-size:14px!important}
.v23-class-work-head small{display:block;color:var(--text-muted);font-size:9px;margin-top:3px}
.v23-assignment-count{font-size:9px;font-weight:900;color:#6fdbff;background:rgba(28,176,246,.11);padding:5px 8px;border-radius:999px;white-space:nowrap}
.v23-assignment-list{display:grid;gap:9px}
.v23-assignment-card{border:1px solid rgba(255,255,255,.075);background:#17262d;border-radius:15px;padding:12px;min-width:0;box-sizing:border-box}
.v23-assignment-card.done{border-color:rgba(88,204,2,.34);background:rgba(88,204,2,.065)}
.v23-assignment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.v23-assignment-copy{min-width:0;flex:1}.v23-assignment-copy>span{display:block;font-size:8.5px;font-weight:950;letter-spacing:.4px;color:#61d8ff;text-transform:uppercase}.v23-assignment-copy strong{display:block;font-size:13px;color:#fff;line-height:1.25;margin-top:2px;overflow-wrap:anywhere}.v23-assignment-copy p{margin:5px 0 0;color:#91a1a8;font-size:10px;line-height:1.42;overflow-wrap:anywhere}
.v23-due{font-size:8.5px;font-weight:900;color:#ffbd55;background:rgba(255,185,60,.09);border-radius:8px;padding:5px 7px;white-space:nowrap}
.v23-due.overdue{color:#ff7a7a;background:rgba(255,75,75,.1)}
.v23-assignment-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.v23-assignment-actions button{border:0;border-radius:11px;padding:9px 10px;font:900 10px/1 Nunito,sans-serif;cursor:pointer;min-width:0}.v23-open-task{background:#1cb0f6;color:#fff;box-shadow:0 3px 0 #137fb2}.v23-complete-task{background:#58cc02;color:#102300;box-shadow:0 3px 0 #3f9500}.v23-complete-task.done{background:#263940;color:#9fb0b7;box-shadow:none}.v23-delete-task{background:#ff4b4b!important;color:#fff!important;box-shadow:0 3px 0 #b93434!important}
.v23-progress{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.v23-progress-track{height:7px;background:#0f1c21;border-radius:999px;overflow:hidden}.v23-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#1cb0f6,#58cc02);border-radius:inherit}.v23-progress b{font-size:9px;color:#a9b8be;white-space:nowrap}
.v23-assignment-empty{padding:17px 12px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:13px;color:#82949b;font-size:10px}
.v23-teacher-composer{border:1px solid rgba(28,176,246,.18);background:rgba(28,176,246,.045);border-radius:16px;padding:12px;margin-bottom:12px}.v23-teacher-composer.hidden{display:none}.v23-composer-title{font-size:11px;font-weight:950;color:#fff;margin-bottom:9px}.v23-composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v23-composer-grid .full{grid-column:1/-1}.v23-teacher-composer input,.v23-teacher-composer select,.v23-teacher-composer textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #34464f;border-radius:11px;background:#132229;color:#fff;padding:10px 11px;font:700 12px/1.3 Nunito,sans-serif;outline:none}.v23-teacher-composer textarea{resize:vertical;min-height:72px}.v23-teacher-composer label{display:block;font-size:8.5px;font-weight:900;color:#8ea0a8;margin:0 0 4px}.v23-create-assignment{width:100%;border:0;border-radius:11px;background:#58cc02;color:#112100;box-shadow:0 3px 0 #3d9200;padding:10px;font:950 11px/1 Nunito,sans-serif;cursor:pointer;margin-top:9px}
body.light-mode .v23-assignment-card{background:#f5f8f9;border-color:#dce5e8}.body.light-mode .v23-assignment-copy strong{color:#17262d}body.light-mode .v23-assignment-copy strong{color:#17262d}body.light-mode .v23-teacher-composer{background:#eefaff;border-color:#cfeaf6}body.light-mode .v23-teacher-composer input,body.light-mode .v23-teacher-composer select,body.light-mode .v23-teacher-composer textarea{background:#fff;color:#17262d;border-color:#d5e1e5}
@media(max-width:520px){.v23-composer-grid{grid-template-columns:1fr}.v23-composer-grid .full{grid-column:auto}.v23-assignment-top{flex-direction:column}.v23-due{align-self:flex-start}.v23-assignment-actions{grid-template-columns:1fr}}


/* ===== SOURCE: assets/v24.css ===== */
/* Slovra V24 — kullanıcı soru kalite araçları */
.v24-question-report-btn{color:var(--text-muted)!important;border-color:rgba(148,163,184,.28)!important;background:rgba(148,163,184,.07)!important}
.v24-question-report-btn:hover{color:#f59e0b!important;border-color:rgba(245,158,11,.45)!important;background:rgba(245,158,11,.09)!important}
.v24-report-overlay{z-index:10040;padding:14px;box-sizing:border-box}
.v24-report-modal{width:min(100%,520px);max-height:calc(100vh - 28px);overflow:auto;background:#13242b;border:1px solid #29414b;border-radius:22px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.45);color:#f5f7f8;box-sizing:border-box}
.v24-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.v24-report-head span{display:block;font-size:10px;font-weight:900;letter-spacing:1.2px;color:#f59e0b}.v24-report-head h2{font-size:21px;line-height:1.15;margin:4px 0 0}.v24-report-head button{width:36px;height:36px;flex:0 0 36px;border:1px solid #34505a;border-radius:11px;background:#1b3139;color:#fff;font-size:22px;cursor:pointer}
.v24-report-question{margin:16px 0;padding:13px 14px;border:1px solid #2c4650;border-radius:14px;background:#0f1d22;font-weight:800;line-height:1.45;overflow-wrap:anywhere}
.v24-report-label{display:block;font-size:12px;font-weight:900;margin:13px 0 6px}.v24-report-label small{font-weight:700;color:#8da0a8}.v24-report-control{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #35515c;border-radius:13px;background:#1b3038;color:#fff;padding:12px 13px;font:700 15px Nunito,sans-serif;outline:none}.v24-report-control:focus{border-color:#58cc02;box-shadow:0 0 0 3px rgba(88,204,2,.1)}textarea.v24-report-control{resize:vertical;min-height:88px}
.v24-report-privacy{font-size:11px;color:#90a0a7;line-height:1.4;margin:10px 0 0}.v24-report-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:18px}.v24-report-actions button{min-height:45px;border-radius:13px;border:1px solid #34505a;background:#1c3038;color:#fff;font:900 13px Nunito;cursor:pointer}.v24-report-actions #v24-report-submit{background:#f59e0b;border-color:#f59e0b;color:#1a1508;box-shadow:0 4px 0 #b96f00}.v24-report-actions button:disabled{opacity:.55;cursor:not-allowed}
body.light-mode .v24-report-modal{background:#fff;color:#16262d;border-color:#dce5e8}.light-mode .v24-report-question{background:#f4f8f9;border-color:#dce5e8}.light-mode .v24-report-control{background:#f5f8f9;border-color:#d2dde1;color:#13242b}.light-mode .v24-report-head button{background:#eef4f6;color:#17282f;border-color:#d8e2e5}
@media(max-width:430px){.v24-report-overlay{padding:8px}.v24-report-modal{padding:15px;border-radius:18px;max-height:calc(100vh - 16px)}.v24-report-actions{grid-template-columns:1fr}.v24-report-head h2{font-size:19px}.v24-report-control{font-size:16px}}


/* ===== SOURCE: assets/v26.css ===== */
/* Slovra V26 — PWA / install / offline / notification UI */
.v26-install-card{display:none;align-items:center;gap:12px;margin:12px 0 0;padding:12px 13px;border:1px solid rgba(28,176,246,.25);border-radius:17px;background:linear-gradient(135deg,rgba(28,176,246,.12),rgba(88,204,2,.08));box-shadow:0 4px 0 rgba(7,19,24,.6)}
.v26-install-card.show{display:flex}.v26-install-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#20343d;border:1px solid #3b535e;font-size:20px}.v26-install-copy{min-width:0;flex:1}.v26-install-copy strong{display:block;font-size:13px;color:#f1f7f9}.v26-install-copy small{display:block;margin-top:2px;color:#8fa3ac;font-size:10px;line-height:1.35}.v26-install-card button{border:0;border-bottom:3px solid #3e9400;border-radius:12px;background:#58cc02;color:#102008;font:inherit;font-weight:900;font-size:11px;padding:9px 11px;cursor:pointer;white-space:nowrap}.v26-install-card button:active{transform:translateY(2px);border-bottom-width:1px}
.v26-offline-pill{display:none;position:fixed;z-index:10050;left:50%;top:max(9px,env(safe-area-inset-top));transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:#26343a;border:1px solid #50616a;color:#e9f0f2;font-size:10px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.3)}.v26-offline-pill.show{display:block}
.settings-section-icon.pwa{background:rgba(28,176,246,.14);border-color:rgba(28,176,246,.22)}
.v26-pwa-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.v26-pwa-status>div{min-width:0;background:#14242a;border:1px solid #31454e;border-radius:13px;padding:9px}.v26-pwa-status span{display:block;color:#78909a;font-size:9px;font-weight:900;letter-spacing:.45px}.v26-pwa-status b{display:block;margin-top:3px;color:#edf6f8;font-size:11px;overflow-wrap:anywhere}
.v26-pwa-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}.v26-pwa-actions button{min-width:0;min-height:43px;border:1px solid #3c525d;border-bottom:3px solid #263941;border-radius:13px;background:#21343c;color:#edf5f7;font:inherit;font-size:11px;font-weight:900;padding:8px 10px;cursor:pointer}.v26-pwa-actions button.primary{background:#58cc02;color:#13210c;border-color:#70e61c;border-bottom-color:#3e9300}.v26-pwa-actions button:disabled{opacity:.45;cursor:default}.v26-pwa-actions button:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}
.v26-pwa-note{margin:8px 0 2px;color:#80959e;font-size:9.5px;line-height:1.45}.v26-pwa-note strong{color:#b7c8ce}
.v26-notification-test{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 2px}.v26-notification-test span{font-size:10px;color:#82969f}.v26-notification-test button{border:1px solid #3a5059;background:#192b32;color:#dfeaec;border-radius:11px;padding:7px 9px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
body.light-mode .v26-install-card{background:linear-gradient(135deg,#eefaff,#f3ffe9);border-color:#cde8f2;box-shadow:0 4px 0 #dce8eb}.light-mode .v26-install-icon,.light-mode .v26-pwa-status>div,.light-mode .v26-pwa-actions button,.light-mode .v26-notification-test button{background:#f1f6f8;border-color:#d8e4e8;color:#263b43}.light-mode .v26-install-copy strong,.light-mode .v26-pwa-status b{color:#263b43}.light-mode .v26-install-copy small,.light-mode .v26-pwa-note,.light-mode .v26-notification-test span{color:#6e838c}
@media(max-width:480px){.v26-install-card{align-items:flex-start}.v26-install-card button{align-self:center}.v26-pwa-status{grid-template-columns:1fr}.v26-pwa-actions{grid-template-columns:1fr}.v26-pwa-status>div{display:grid;grid-template-columns:90px 1fr;align-items:center}.v26-pwa-status b{margin-top:0;text-align:right}}
@media(max-width:350px){.v26-install-card{display:none!important}}


/* ===== SOURCE: assets/v28.css ===== */
/* Slovra V28 — Profil & Başarı Sistemi 2.0 */
.v28-screen{padding-bottom:98px!important;overflow-x:hidden}.v28-topbar{max-width:980px;margin:0 auto 12px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.v28-topbar>button{width:42px;height:42px;border:1px solid var(--border-color,#2b3545);border-radius:14px;background:var(--card-bg,#17202d);color:var(--text-main,#f4f7fb);font-size:18px;cursor:pointer}.v28-topbar>div{min-width:0}.v28-topbar span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--text-muted,#91a0b5)}.v28-topbar strong{display:block;margin-top:2px;font-size:16px;line-height:1.2}.v28-shell{max-width:980px;margin:0 auto;display:grid;gap:12px}.v28-profile-hero,.v28-section{border:1px solid var(--border-color,#2b3545);background:var(--card-bg,#17202d);border-radius:20px}.v28-profile-hero{padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;position:relative;overflow:hidden}.v28-profile-hero:before{content:"";position:absolute;width:150px;height:150px;right:-60px;top:-65px;border-radius:50%;background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 15%,transparent);pointer-events:none}.v28-avatar{width:62px;height:62px;padding:3px;border-radius:21px;background:linear-gradient(135deg,#1cb0f6,#7c3aed);display:grid;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.18)}.v28-avatar span{width:100%;height:100%;border-radius:18px;background:var(--input-bg,#101722);display:grid;place-items:center;font-size:25px;font-weight:950}.v28-avatar.frame-green{background:linear-gradient(135deg,#22c55e,#84cc16)}.v28-avatar.frame-purple{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.v28-avatar.frame-gold{background:linear-gradient(135deg,#f59e0b,#facc15)}.v28-hero-main{min-width:0}.v28-name-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v28-name-row h1{margin:0;font-size:20px;line-height:1.1;overflow-wrap:anywhere}.v28-role-chip{font-size:9px;font-weight:900;border-radius:999px;padding:4px 7px;background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 13%,transparent);color:var(--accent,#55c7ff)}.v28-hero-main p{margin:7px 0 8px;color:var(--text-secondary,#9aa8bb);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.v28-meta-row{display:flex;gap:5px;flex-wrap:wrap}.v28-meta-row span{font-size:9px;font-weight:800;padding:4px 7px;border:1px solid var(--border-color,#2b3545);border-radius:999px;background:var(--input-bg,#101722)}.v28-rank-card{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--slovra-accent,#1cb0f6) 28%,var(--border-color,#2b3545));background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 7%,var(--input-bg,#101722));border-radius:16px;padding:11px}.v28-rank-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.v28-rank-top>span{font-size:24px}.v28-rank-top small{display:block;font-size:8px;letter-spacing:.12em;font-weight:950;color:var(--text-muted,#91a0b5)}.v28-rank-top strong{font-size:12px}.v28-rank-top>b{font-size:11px}.v28-rank-track{height:7px;margin:10px 0 6px;border-radius:999px;background:rgba(127,145,170,.16);overflow:hidden}.v28-rank-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--slovra-accent,#1cb0f6),#8b5cf6)}.v28-rank-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px}.v28-rank-foot span{color:var(--text-muted,#91a0b5)}.v28-rank-foot strong{text-align:right}.v28-section{padding:14px}.v28-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}.v28-section-head>div{min-width:0}.v28-section-head span{display:block;font-size:8px;font-weight:950;letter-spacing:.13em;color:var(--text-muted,#91a0b5)}.v28-section-head h2{margin:2px 0 0;font-size:14px}.v28-section-head>strong{font-size:10px;padding:5px 7px;border-radius:999px;background:var(--input-bg,#101722);white-space:nowrap}.v28-section-head button{border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:10px;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}.v28-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v28-stat-card{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:center;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);border-radius:14px;padding:9px}.v28-stat-card>span{width:32px;height:32px;border-radius:10px;background:rgba(127,145,170,.10);display:grid;place-items:center;font-size:16px}.v28-stat-card div{min-width:0}.v28-stat-card small,.v28-stat-card em{display:block;font-style:normal;color:var(--text-muted,#91a0b5);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-stat-card strong{display:block;margin:2px 0;font-size:13px}.v28-heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.v28-day{aspect-ratio:1;border-radius:5px;border:1px solid var(--border-color,#2b3545);background:rgba(127,145,170,.07)}.v28-day.l1{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 20%,transparent)}.v28-day.l2{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 38%,transparent)}.v28-day.l3{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 62%,transparent)}.v28-day.l4{background:var(--slovra-accent,#1cb0f6)}.v28-heatmap-legend{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:7px;color:var(--text-muted,#91a0b5);font-size:8px}.v28-heatmap-legend i{width:9px;height:9px;border-radius:3px;background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 20%,transparent)}.v28-heatmap-legend i:nth-of-type(2){background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 38%,transparent)}.v28-heatmap-legend i:nth-of-type(3){background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 62%,transparent)}.v28-heatmap-legend i:nth-of-type(4){background:var(--slovra-accent,#1cb0f6)}.v28-achievement-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 8px;scrollbar-width:none}.v28-achievement-tabs::-webkit-scrollbar{display:none}.v28-achievement-tabs button{flex:0 0 auto;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-muted,#91a0b5);padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;cursor:pointer}.v28-achievement-tabs button.is-active{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 17%,var(--input-bg,#101722));border-color:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 55%,var(--border-color,#2b3545));color:var(--text-main,#f4f7fb)}.v28-achievement-grid{display:grid;gap:7px}.v28-achievement{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);border-radius:14px;padding:9px;position:relative}.v28-achievement.is-locked{opacity:.66}.v28-achievement.is-unlocked{border-color:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 32%,var(--border-color,#2b3545))}.v28-achievement.is-new:after{content:"";position:absolute;inset:-1px;border:1px solid color-mix(in srgb,#facc15 70%,transparent);border-radius:14px;pointer-events:none}.v28-ach-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(127,145,170,.09)}.v28-ach-copy{min-width:0}.v28-ach-copy>div{display:flex;align-items:center;gap:5px}.v28-ach-copy strong{font-size:10px}.v28-ach-copy>div span{font-size:7px;font-weight:950;background:#facc15;color:#302400;border-radius:999px;padding:2px 5px}.v28-ach-copy small{display:block;margin-top:2px;color:var(--text-muted,#91a0b5);font-size:8px;line-height:1.25}.v28-ach-track{height:4px;border-radius:999px;background:rgba(127,145,170,.13);overflow:hidden;margin:6px 0 3px}.v28-ach-track i{display:block;height:100%;border-radius:inherit;background:var(--slovra-accent,#1cb0f6)}.v28-ach-copy em{display:block;font-style:normal;color:var(--text-muted,#91a0b5);font-size:7px;text-align:right}.v28-ach-done{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.14);color:#4ade80;font-size:12px}.v28-ach-lock{font-size:11px;opacity:.55}.v28-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v28-profile-actions button{min-width:0;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:13px;padding:10px 7px;font-size:9px;font-weight:850;cursor:pointer}.v28-profile-actions button:last-child{grid-column:1/-1}.v28-note{padding:2px 8px;text-align:center;color:var(--text-muted,#91a0b5);font-size:8px;line-height:1.4}.v28-loading,.v28-error{grid-column:1/-1;min-height:150px;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:var(--text-muted,#91a0b5);font-size:10px;text-align:center}.v28-loading span{width:26px;height:26px;border:3px solid rgba(127,145,170,.2);border-top-color:var(--slovra-accent,#1cb0f6);border-radius:50%;animation:v28spin .8s linear infinite}.v28-error button{border:0;border-radius:10px;background:var(--slovra-accent,#1cb0f6);color:#07111d;padding:8px 12px;font-weight:900}.v28-skeleton{height:66px;border-radius:14px;background:linear-gradient(90deg,rgba(127,145,170,.06),rgba(127,145,170,.13),rgba(127,145,170,.06));background-size:220% 100%;animation:v28shimmer 1.2s linear infinite}.v28-skeleton.tall{height:150px;grid-column:1/-1}.v28-settings-profile-btn{width:100%;margin:-5px 0 15px;align-self:center;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:11px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}.v28-toast{position:fixed;left:50%;bottom:88px;z-index:9999;transform:translate(-50%,12px);opacity:0;background:#0d1520;color:#f8fafc;border:1px solid #334155;border-radius:12px;padding:9px 12px;font-size:9px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.2s ease;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.v28-toast.show{opacity:1;transform:translate(-50%,0)}@keyframes v28spin{to{transform:rotate(360deg)}}@keyframes v28shimmer{to{background-position:-220% 0}}
body.light-mode .v28-profile-hero,body.light-mode .v28-section,body.light-mode .v28-topbar>button{background:#fff!important;color:#22343c!important;border-color:#dce6e9!important;box-shadow:0 5px 18px rgba(15,23,42,.05)}body.light-mode .v28-rank-card,body.light-mode .v28-stat-card,body.light-mode .v28-section-head>strong,body.light-mode .v28-section-head button,body.light-mode .v28-achievement-tabs button,body.light-mode .v28-achievement,body.light-mode .v28-profile-actions button,body.light-mode .v28-avatar span,body.light-mode .v28-settings-profile-btn{background:#f3f7f8!important;color:#22343c!important;border-color:#d7e2e6!important}body.light-mode .v28-hero-main p,body.light-mode .v28-meta-row span,body.light-mode .v28-rank-top small,body.light-mode .v28-rank-foot span,body.light-mode .v28-section-head span,body.light-mode .v28-stat-card small,body.light-mode .v28-stat-card em,body.light-mode .v28-ach-copy small,body.light-mode .v28-ach-copy em,body.light-mode .v28-note{color:#6c8089!important}body.light-mode .v28-meta-row span{background:#f3f7f8;border-color:#d7e2e6}body.light-mode .v28-toast{background:#fff;color:#0f172a;border-color:#d7dee9}
@media(min-width:700px){.v28-profile-hero{grid-template-columns:auto minmax(0,1fr) minmax(260px,.7fr);padding:18px}.v28-rank-card{grid-column:auto}.v28-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v28-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-profile-actions{grid-template-columns:repeat(3,1fr)}.v28-profile-actions button:last-child{grid-column:auto}}
@media(max-width:360px){.v28-stat-grid{grid-template-columns:1fr}.v28-name-row h1{font-size:18px}.v28-meta-row span{font-size:8px}.v28-profile-actions{grid-template-columns:1fr}.v28-profile-actions button:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.v28-loading span,.v28-skeleton{animation:none}.v28-toast{transition:none}}
/* V28.1 / V29 mobile frame spacing fix: outer cards never touch viewport edges. */
#screen-profile-v28.v28-screen{box-sizing:border-box;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.v28-topbar,.v28-shell,.v28-profile-hero,.v28-section{box-sizing:border-box;min-width:0}.v28-topbar,.v28-shell{width:100%}@media(max-width:480px){#screen-profile-v28.v28-screen{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.v28-profile-hero,.v28-section{border-radius:18px}}


/* ===== SOURCE: assets/v29.css ===== */
/* Slovra V29 — Sosyal & Lig Sistemi 2.0 */
.v29-social-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v29-summary-card{min-width:0;border:1px solid var(--border-color,#2b3545);background:var(--card-bg,#17202d);border-radius:15px;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center}.v29-summary-card>span{width:30px;height:30px;border-radius:10px;background:rgba(127,145,170,.10);display:grid;place-items:center;font-size:15px}.v29-summary-card div{min-width:0}.v29-summary-card small{display:block;color:var(--text-muted,#91a0b5);font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v29-summary-card strong{display:block;margin-top:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v29-summary-card em{display:block;margin-top:1px;color:var(--text-muted,#91a0b5);font-style:normal;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v29-friend-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:9px}.v29-friend-tools input{min-width:0;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:11px;padding:9px 10px;font:inherit;font-size:10px;outline:none}.v29-friend-tools input:focus{border-color:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 65%,var(--border-color,#2b3545))}.v29-friend-tools button{border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:11px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}.v29-compare-btn{background:#6d55d9!important;box-shadow:0 2px 0 #4733a2!important}.v29-global-card .v14-card-head{align-items:center}.v29-global-note{font-size:8px;color:var(--text-muted,#91a0b5);line-height:1.4;margin:8px 2px 0}.v29-global-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border-radius:13px;background:#19282f}.v29-global-row.is-me{box-shadow:inset 0 0 0 2px rgba(28,176,246,.34);background:rgba(28,176,246,.08)}.v29-global-rank{font-size:11px;text-align:center;font-weight:950}.v29-global-copy{min-width:0}.v29-global-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v29-global-copy span{display:block;font-size:8px;color:var(--text-muted,#91a0b5)}.v29-global-xp{font-size:11px;font-weight:950;white-space:nowrap}.v29-filter-empty{display:none;text-align:center;padding:13px 9px;border-radius:12px;background:#19282f;color:var(--text-muted,#91a0b5);font-size:10px}.v29-compare-modal{position:fixed;inset:0;z-index:10060;background:rgba(3,8,12,.78);display:flex;align-items:center;justify-content:center;padding:16px}.v29-compare-modal.hidden{display:none}.v29-compare-sheet{width:min(470px,100%);max-height:88vh;overflow:auto;background:#18262d;border:1px solid #2b3a43;border-radius:22px;padding:16px;box-shadow:0 18px 52px rgba(0,0,0,.45)}.v29-compare-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.v29-compare-top strong{font-size:14px}.v29-compare-close{border:0;width:32px;height:32px;border-radius:10px;background:#2b3a41;color:#fff;font-size:16px;cursor:pointer}.v29-compare-people{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.v29-compare-person{min-width:0;text-align:center;background:#203139;border-radius:15px;padding:11px 8px}.v29-compare-person b{width:38px;height:38px;margin:0 auto 6px;border-radius:13px;background:#2b5367;display:grid;place-items:center;font-size:17px}.v29-compare-person strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v29-compare-person span{display:block;color:var(--text-muted,#91a0b5);font-size:8px;margin-top:2px}.v29-versus{font-size:9px;font-weight:950;color:var(--text-muted,#91a0b5)}.v29-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.v29-compare-stat{background:#203139;border-radius:13px;padding:9px 6px;text-align:center;min-width:0}.v29-compare-stat span{display:block;color:var(--text-muted,#91a0b5);font-size:8px}.v29-compare-stat strong{display:block;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.v29-compare-note{margin-top:10px;padding:9px;border-radius:12px;background:#19282f;color:var(--text-muted,#91a0b5);font-size:8px;line-height:1.45;text-align:center}.v29-loading{padding:18px 8px;text-align:center;color:var(--text-muted,#91a0b5);font-size:10px}.v29-hidden-by-filter{display:none!important}
body.light-mode .v29-summary-card,body.light-mode .v29-compare-sheet{background:#fff;color:#22343c;border-color:#dce6e9}body.light-mode .v29-friend-tools input,body.light-mode .v29-friend-tools button,body.light-mode .v29-global-row,body.light-mode .v29-filter-empty,body.light-mode .v29-compare-person,body.light-mode .v29-compare-stat,body.light-mode .v29-compare-note{background:#eef3f5;color:#26343a;border-color:#d7e2e6;box-shadow:none}body.light-mode .v29-compare-close{background:#eef3f5;color:#26343a}
@media(max-width:560px){.v29-social-summary{grid-template-columns:1fr 1fr}.v29-summary-card:last-child{grid-column:1/-1}.v29-friend-tools{grid-template-columns:1fr}.v29-friend-tools button{width:100%}.v29-compare-grid{grid-template-columns:1fr}.v29-compare-people{grid-template-columns:1fr}.v29-versus{padding:1px 0}.v29-compare-sheet{padding:14px}.v29-global-row{grid-template-columns:28px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.v29-compare-modal *{scroll-behavior:auto!important;transition:none!important}}


/* ===== SOURCE: assets/v30.css ===== */
/* Slovra V30 — Gerçek Mastery Engine */
.v30-screen{padding-bottom:96px!important}.v30-topbar{max-width:860px;margin:0 auto 12px;display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center}.v30-topbar>button{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045);color:var(--text-primary,#fff);font-size:20px;font-weight:900;cursor:pointer}.v30-topbar>div{text-align:center;min-width:0}.v30-topbar span{display:block;color:#68d9ff;font-size:8px;font-weight:950;letter-spacing:1px}.v30-topbar strong{display:block;margin-top:2px;font-size:17px;overflow-wrap:anywhere}.v30-shell{width:min(100%,860px);margin:0 auto;display:grid;gap:12px;box-sizing:border-box}.v30-hero,.v30-card{border:1px solid rgba(255,255,255,.09);background:var(--card-bg,#17262d);border-radius:21px;box-shadow:0 5px 0 rgba(0,0,0,.14);box-sizing:border-box;min-width:0}.v30-hero{padding:17px;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:center;background:linear-gradient(135deg,rgba(28,176,246,.10),rgba(167,119,255,.08)),var(--card-bg,#17262d)}.v30-hero>div:first-child>span,.v30-card-head span,.v30-entry-copy>span{font-size:8px;font-weight:950;letter-spacing:.9px;color:#75dfff}.v30-hero h2{margin:5px 0 5px;font-size:20px;line-height:1.15}.v30-hero p{margin:0;color:var(--text-muted,#94a2a8);font-size:10px;line-height:1.45;max-width:560px}.v30-ring{width:86px;height:86px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid rgba(88,204,2,.68);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);background:rgba(0,0,0,.14)}.v30-ring strong{font-size:20px}.v30-ring small{font-size:8px;color:var(--text-muted,#95a2a7);font-weight:800}.v30-card{padding:15px}.v30-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.v30-card-head h3{font-size:15px;margin:3px 0 0}.v30-card-head>small{font-size:8px;color:var(--text-muted,#93a0a5);text-align:right;max-width:170px;line-height:1.35}.v30-levels{display:grid;gap:9px}.v30-level-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.v30-level-row strong{font-size:11px}.v30-level-row span{font-size:9px;color:var(--text-muted,#9aa6ab);font-weight:900}.v30-track{height:7px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.v30-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1cb0f6,#58cc02)}.v30-priority{display:grid;gap:8px}.v30-priority-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.028)}.v30-priority-no{width:26px;height:26px;border-radius:9px;background:rgba(255,183,77,.1);color:#ffbd65;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:10px}.v30-priority-row strong{display:block;font-size:11px}.v30-priority-row small{display:block;margin-top:3px;font-size:8.5px;color:var(--text-muted,#95a2a7);line-height:1.35}.v30-priority-row>b{font-size:12px;color:#ffbd65}.v30-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:11px;scrollbar-width:none}.v30-tabs::-webkit-scrollbar{display:none}.v30-tabs button{border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.035);color:var(--text-muted,#9aa6aa);padding:7px 10px;font-size:8.5px;font-weight:950;white-space:nowrap;cursor:pointer}.v30-tabs button.active{background:rgba(28,176,246,.13);border-color:rgba(28,176,246,.27);color:#6cd8ff}.v30-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v30-concept{border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.027);padding:11px;min-width:0}.v30-concept.weak{border-color:rgba(255,91,91,.18)}.v30-concept.master{border-color:rgba(88,204,2,.18)}.v30-concept-top{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:9px}.v30-concept-top>span{font-size:20px}.v30-concept-top small{display:block;font-size:7px;color:#7bcfed;font-weight:900;letter-spacing:.45px}.v30-concept-top strong{display:block;font-size:10px;line-height:1.2;margin-top:2px;overflow-wrap:anywhere}.v30-concept-top>b{font-size:11px}.v30-concept-meta{display:flex;justify-content:space-between;gap:7px;margin-top:7px}.v30-concept-meta span{font-size:7.6px;color:var(--text-muted,#94a1a6);line-height:1.25}.v30-concept-meta span:last-child{text-align:right}.v30-empty,.v30-loading{padding:17px;border-radius:13px;background:rgba(255,255,255,.025);text-align:center;color:var(--text-muted,#94a1a6);font-size:9px}.v30-note{padding:0 9px;text-align:center;color:var(--text-muted,#8f9ca1);font-size:8px;line-height:1.45}.v30-entry{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border-color:rgba(28,176,246,.16)!important}.v30-entry-icon{width:36px;height:36px;border-radius:12px;background:rgba(28,176,246,.10);display:flex;align-items:center;justify-content:center;font-size:20px}.v30-entry-copy{min-width:0}.v30-entry-copy strong{display:block;font-size:11px;margin:2px 0}.v30-entry-copy small{display:block;color:var(--text-muted,#94a1a6);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v30-entry>button,.v30-path-btn{border:0;border-radius:10px;background:#1cb0f6;color:#06212e;font-weight:950;font-size:8px;padding:8px 10px;cursor:pointer;white-space:nowrap}.v30-path-btn{margin-left:auto}.light-mode .v30-hero,.light-mode .v30-card{border-color:#dbe6ea;background:#fff;box-shadow:0 4px 0 rgba(49,74,84,.08)}.light-mode .v30-hero{background:linear-gradient(135deg,rgba(28,176,246,.08),rgba(167,119,255,.06)),#fff}.light-mode .v30-topbar>button,.light-mode .v30-concept,.light-mode .v30-priority-row{border-color:#dce7eb;background:#f8fbfc}.light-mode .v30-track{background:#e8eff2}.light-mode .v30-ring{background:#f7fbfc}.light-mode .v30-tabs button{border-color:#dce7eb;background:#f6fafb;color:#64747a}.light-mode .v30-tabs button.active{background:#e5f6fd;color:#137ca8}.light-mode .v30-priority-no{background:#fff2dc}.light-mode .v30-empty,.light-mode .v30-loading{background:#f5f9fa}
@media(max-width:600px){.v30-screen{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.v30-shell,.v30-topbar{width:100%;max-width:100%;box-sizing:border-box}.v30-hero,.v30-card{width:100%;max-width:100%;margin-left:0;margin-right:0}.v30-grid{grid-template-columns:1fr}.v30-hero{grid-template-columns:minmax(0,1fr) 76px;padding:14px}.v30-ring{width:70px;height:70px;border-width:6px}.v30-hero h2{font-size:17px}.v30-card{padding:13px}.v30-card-head{gap:8px}.v30-card-head>small{max-width:120px}.v30-entry{grid-template-columns:34px minmax(0,1fr)!important}.v30-entry>button{grid-column:2;justify-self:start}.v30-entry-copy small{white-space:normal}.v30-priority-row{grid-template-columns:25px minmax(0,1fr) auto}}


/* ===== SOURCE: assets/v31.css ===== */
/* Slovra V31 — Tek Öğrenme Oturumu */
.v31-screen{overflow-x:hidden}.v31-shell{width:min(100%,760px);margin:0 auto;padding:12px 16px calc(104px + env(safe-area-inset-bottom));box-sizing:border-box}.v31-topbar{width:min(100%,760px);margin:0 auto;padding:12px 16px 4px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;box-sizing:border-box}.v31-topbar>div{text-align:center}.v31-topbar span{display:block;font-size:8px;letter-spacing:1px;color:#9b87ff;font-weight:900}.v31-topbar strong{font-size:16px}.v31-topbar button{width:38px;height:38px;border:1px solid rgba(255,255,255,.08);background:#15262d;color:#fff;border-radius:13px;font:inherit;font-size:19px;cursor:pointer}.v31-control,.v31-status,.v31-focus,.v31-plan{background:#14262d;border:1px solid rgba(255,255,255,.07);box-shadow:0 5px 0 #09171b;border-radius:20px;box-sizing:border-box}.v31-control{padding:15px}.v31-control>div:first-child>span,.v31-section-head span,.v31-focus-head span{display:block;color:#9b87ff;font-size:8px;font-weight:900;letter-spacing:.9px}.v31-control h2{font-size:18px;margin:3px 0 5px}.v31-control p{margin:0;color:#8fa3aa;font-size:9px;line-height:1.5}.v31-duration{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.v31-duration button{border:1px solid rgba(255,255,255,.07);border-bottom:3px solid #0b171c;background:#102128;color:#a9bac0;border-radius:12px;padding:9px 4px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.v31-duration button.active{background:#332b58;border-color:#7962dd;color:#dcd4ff}.v31-status{padding:12px 14px;margin-top:12px}.v31-progress{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.v31-progress span{font-size:7px;color:#81959c;font-weight:900}.v31-progress strong{display:block;font-size:11px;margin-top:2px}.v31-progress-track{height:7px;border-radius:99px;background:#0b181d;overflow:hidden}.v31-progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9b77ff,#1cb0f6);transition:.25s}.v31-status-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.v31-status-meta span{font-size:7px;border:1px solid rgba(255,255,255,.06);background:#102128;color:#8fa3aa;border-radius:99px;padding:5px 7px}.v31-focus{padding:13px;margin-top:12px;min-height:210px}.v31-task{background:#102128;border:1px solid rgba(255,255,255,.055);border-radius:16px;padding:13px}.v31-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.v31-focus-head h3{font-size:14px;margin:3px 0}.v31-focus-head p{font-size:8px;color:#899da4;margin:0;line-height:1.45}.v31-focus-head>button{border:0;background:transparent;color:#788d94;font:inherit;font-size:8px;font-weight:800;cursor:pointer;padding:4px}.v31-word{text-align:center;font-size:32px;font-weight:900;padding:15px 8px 8px}.v31-sound{display:block;margin:0 auto 10px;border:1px solid #28516a;background:#15374a;color:#8fd9ff;border-radius:11px;padding:7px 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.v31-answer{background:#172e36;border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:12px;text-align:center;color:#d9e3e6;font-size:10px;margin:9px 0}.v31-answer small{display:block;color:#80969e;font-size:7px}.v31-answer strong{display:block;font-size:15px;margin:4px}.v31-answer p{margin:5px 0 0;color:#8fa4ab;font-size:8px}.v31-primary,.v31-actions .secondary,.v31-empty .secondary{border:0;border-radius:12px;padding:10px 12px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.v31-primary{background:#8e72ef;color:#fff;box-shadow:0 3px 0 #513b9c}.v31-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.v31-task>.v31-primary{display:block;width:100%}.v31-rates{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.v31-rates button{border:1px solid rgba(255,255,255,.07);background:#172d35;color:#c7d3d6;border-radius:10px;padding:8px 4px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v31-question{font-size:13px;font-weight:800;line-height:1.5;margin:12px 0}.v31-question.small{font-size:11px}.v31-old-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.v31-old-options span{font-size:8px;background:#172d35;border-radius:9px;padding:7px;color:#a6b6bb}.v31-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.v31-actions .secondary,.v31-empty .secondary{background:#1b333b;color:#9fb1b7;border:1px solid rgba(255,255,255,.06);box-shadow:none}.v31-integrity{display:block;color:#71858c;font-size:7px;line-height:1.4;margin-top:8px}.v31-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v31-options button{min-width:0;border:1px solid rgba(255,255,255,.075);background:#172e36;color:#d9e3e6;border-radius:12px;padding:10px 8px;text-align:left;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.v31-options button.correct{background:#193922;border-color:#4c9d3a;color:#a9f08d}.v31-options button.wrong{background:#3c2025;border-color:#a94d5a;color:#ffb0ba}.v31-feedback{min-height:0;font-size:9px;color:#9eb0b6;margin:9px 0}.v31-feedback small{display:block;margin-top:6px;color:#c6d3d7;font-size:10px}.v31-listen{text-align:center;background:#132932;border-radius:14px;padding:14px}.v31-listen>span{display:block;font-size:28px}.v31-listen strong{display:block;font-size:10px;margin:4px 0 9px}.v31-reading{background:#132932;border-radius:14px;padding:10px 12px;margin-bottom:11px}.v31-reading p{font-size:11px;line-height:1.55;margin:5px 0}.v31-writing-prompt{background:#132932;border-radius:14px;padding:12px}.v31-writing-prompt small{display:block;font-size:7px;color:#9b87ff;font-weight:900}.v31-writing-prompt strong{display:block;font-size:11px;line-height:1.45;margin-top:4px}.v31-writing-prompt span{display:block;color:#84999f;font-size:8px;margin-top:6px}.v31-task textarea{width:100%;box-sizing:border-box;margin-top:8px;background:#0d1e24;color:#e4ecee;border:1px solid #2a4149;border-radius:12px;padding:10px;font:inherit;font-size:11px;resize:vertical;outline:none}.v31-task textarea:focus{border-color:#7c63db}.v31-write-meta{display:flex;justify-content:space-between;gap:10px;color:#778d94;font-size:7px;margin:5px 1px 9px}.v31-write-meta small{text-align:right}.v31-plan{padding:13px;margin-top:12px}.v31-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.v31-section-head h3{font-size:13px;margin:2px 0}.v31-section-head>small{font-size:8px;color:#80949b}.v31-plan-list{display:flex;flex-direction:column;gap:5px}.v31-plan-row{display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto;gap:7px;align-items:center;background:#102128;border:1px solid rgba(255,255,255,.045);border-radius:11px;padding:7px}.v31-plan-row.current{border-color:#735bce;background:#211d39}.v31-plan-row.done{opacity:.62}.v31-plan-row.skipped{opacity:.4}.v31-plan-no{width:22px;height:22px;border-radius:8px;background:#1b333a;display:grid;place-items:center;font-size:7px;font-weight:900}.v31-plan-icon{font-size:17px}.v31-plan-row strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v31-plan-row small{display:block;color:#71868d;font-size:7px;margin-top:1px}.v31-plan-row>b{font-size:7px;color:#8e79e7}.v31-note{margin-top:11px;padding:0 3px;color:#70858c;font-size:7px;line-height:1.5}.v31-loading,.v31-error{text-align:center;padding:50px 10px;color:#82969d;font-size:9px}.v31-finish{text-align:center;padding:14px 5px}.v31-finish>span{font-size:38px}.v31-finish h2{font-size:18px;margin:5px}.v31-finish>p{font-size:9px;color:#8da1a8;line-height:1.5;max-width:500px;margin:0 auto}.v31-finish-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.v31-finish-stats>div{background:#132932;border-radius:12px;padding:9px}.v31-finish-stats b{display:block;font-size:15px}.v31-finish-stats small{font-size:7px;color:#84979e}.v31-chip-row{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}.v31-chip-row span{background:#1b3038;border-radius:99px;padding:5px 7px;font-size:7px;color:#9db0b6}.v31-empty{text-align:center;padding:15px}.v31-empty>span{font-size:34px}.v31-empty strong{display:block;font-size:13px;margin:6px}.v31-empty p{font-size:9px;color:#879ba2}.v31-empty button{margin:4px}.v31-home{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;background:linear-gradient(135deg,#201d38,#17303a);border:1px solid rgba(161,126,255,.2);border-radius:17px;padding:10px 11px;margin:10px 0;box-shadow:0 4px 0 #0b161c}.v31-home-icon{width:36px;height:36px;border-radius:12px;background:#352d60;display:grid;place-items:center;font-size:19px}.v31-home-copy{min-width:0}.v31-home-copy span,.v31-learning>div:nth-child(2)>span{display:block;color:#a58bff;font-size:7px;font-weight:900;letter-spacing:.8px}.v31-home-copy strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}.v31-home-copy small{display:block;color:#80959c;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v31-home>button,.v31-learning>button{border:0;background:#8e72ef;color:#fff;border-radius:10px;padding:8px 9px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v31-ready #v22-home{display:none!important}.v31-learning{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.v31-learning-icon{width:38px;height:38px;border-radius:12px;background:#312950;display:grid;place-items:center;font-size:20px}.v31-learning h3{font-size:12px;margin:2px 0}.v31-learning p{font-size:8px;margin:0;color:#84999f}.hidden{display:none!important}
.light-mode .v31-topbar button,.light-mode .v31-control,.light-mode .v31-status,.light-mode .v31-focus,.light-mode .v31-plan,.light-mode .v31-task,.light-mode .v31-home{background:#fff;border-color:#dce6ea;box-shadow:0 4px 0 #d8e2e5;color:#24373f}.light-mode .v31-task,.light-mode .v31-plan-row,.light-mode .v31-status-meta span,.light-mode .v31-answer,.light-mode .v31-listen,.light-mode .v31-reading,.light-mode .v31-writing-prompt,.light-mode .v31-finish-stats>div,.light-mode .v31-old-options span{background:#f3f7f8;color:#24373f}.light-mode .v31-duration button,.light-mode .v31-options button,.light-mode .v31-rates button{background:#f3f7f8;color:#31464e;border-color:#dce6ea}.light-mode .v31-duration button.active{background:#eee9ff;border-color:#8b73df;color:#5944ad}.light-mode .v31-progress-track{background:#e3ebee}.light-mode .v31-task textarea{background:#fff;color:#263b42;border-color:#cbdadd}.light-mode .v31-home-icon,.light-mode .v31-learning-icon{background:#eee9ff}.light-mode .v31-plan-row.current{background:#f0ecff;border-color:#8872dc}.light-mode .v31-primary{color:#fff}
@media(max-width:520px){.v31-topbar,.v31-shell{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.v31-shell{padding-top:9px}.v31-control,.v31-status,.v31-focus,.v31-plan{width:100%;max-width:100%;margin-left:0;margin-right:0}.v31-duration{grid-template-columns:repeat(4,minmax(0,1fr))}.v31-duration button{padding:9px 1px;font-size:8px}.v31-progress{grid-template-columns:92px 1fr}.v31-options,.v31-old-options{grid-template-columns:1fr}.v31-rates{grid-template-columns:1fr 1fr}.v31-actions{grid-template-columns:1fr}.v31-write-meta{display:block}.v31-write-meta small{display:block;text-align:left;margin-top:3px}.v31-home{grid-template-columns:36px minmax(0,1fr);margin-left:0;margin-right:0}.v31-home>button{grid-column:1/-1;width:100%}.v31-learning{grid-template-columns:38px minmax(0,1fr)!important}.v31-learning>button{grid-column:1/-1;width:100%}}
@media(max-width:360px){.v31-topbar,.v31-shell{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.v31-topbar strong{font-size:14px}.v31-duration button{font-size:7px}.v31-status-meta span{font-size:6.5px}.v31-plan-row{grid-template-columns:22px 26px minmax(0,1fr) auto}}


/* ===== SOURCE: assets/v32.css ===== */
/* Slovra V32 — Curriculum Graph */
.v32-screen{overflow-x:hidden}.v32-shell{width:min(980px,100%);margin:0 auto;padding:18px 14px 44px;box-sizing:border-box}.v32-topbar{display:flex;align-items:center;gap:12px;max-width:980px;margin:0 auto;padding:12px 14px;box-sizing:border-box}.v32-topbar>button{width:42px;height:42px;border-radius:14px;border:1px solid var(--border-color,#2c3941);background:var(--card-bg,#172127);color:var(--text-color,#fff);font-size:20px}.v32-topbar>div{flex:1;min-width:0}.v32-topbar span,.v32-card-head span,.v32-entry-copy span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#22d3ee}.v32-topbar strong{display:block;font-size:18px}.v32-hero,.v32-card{border:1px solid rgba(34,211,238,.18);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(168,85,247,.055)),var(--card-bg,#152027);border-radius:24px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.v32-hero{padding:20px;display:flex;gap:18px;align-items:center}.v32-hero>div:first-child{flex:1;min-width:0}.v32-hero h2{font-size:24px;margin:4px 0 6px}.v32-hero p{margin:0;color:var(--muted-text,#93a3ad);line-height:1.55}.v32-hero-stat{width:112px;height:112px;flex:0 0 112px;border-radius:50%;border:8px solid rgba(34,211,238,.16);display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(34,211,238,.06)}.v32-hero-stat strong{font-size:29px}.v32-hero-stat small{font-size:10px;color:var(--muted-text,#93a3ad);text-align:center}.v32-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.v32-summary article{padding:14px 12px;border:1px solid var(--border-color,#2a3940);border-radius:18px;background:var(--card-bg,#152027);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px}.v32-summary span{grid-row:1/3;font-size:22px;align-self:center}.v32-summary b{font-size:20px}.v32-summary small{color:var(--muted-text,#93a3ad);font-size:10px}.v32-card{padding:16px;margin-top:12px}.v32-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.v32-card-head h3{margin:2px 0 0}.v32-card-head>small{color:var(--muted-text,#93a3ad);text-align:right}.v32-tabs{display:flex;gap:7px;overflow:auto;padding:14px 0 12px;scrollbar-width:none}.v32-tabs::-webkit-scrollbar{display:none}.v32-tabs button{white-space:nowrap;border:1px solid var(--border-color,#2a3940);border-radius:999px;padding:8px 13px;background:transparent;color:var(--text-color,#fff);font-weight:800}.v32-tabs button.active{background:#22d3ee;color:#062027;border-color:#22d3ee}.v32-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.v32-node{min-width:0;padding:15px;border-radius:19px;border:1px solid var(--border-color,#2a3940);background:rgba(255,255,255,.025)}.v32-node.ready{border-color:rgba(34,197,94,.24)}.v32-node.later{border-color:rgba(245,158,11,.26)}.v32-node-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.v32-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(34,211,238,.09);font-size:20px}.v32-node-head div{min-width:0}.v32-node-head small{display:block;color:var(--muted-text,#93a3ad);font-size:9px;font-weight:900}.v32-node-head strong{display:block;margin-top:2px;font-size:15px}.v32-node-head>b{font-size:16px}.v32-objective{font-size:12px;color:var(--muted-text,#93a3ad);line-height:1.45;margin:11px 0}.v32-prereq{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.035)}.v32-prereq>span{font-size:9px;font-weight:900;padding:4px 7px;border-radius:99px;background:rgba(34,197,94,.1);color:#4ade80}.v32-node.later .v32-prereq>span{background:rgba(245,158,11,.1);color:#fbbf24}.v32-prereq small{font-size:10px;color:var(--muted-text,#93a3ad)}.v32-resources{display:grid;gap:7px;margin-top:10px}.v32-resources button{min-width:0;border:1px solid var(--border-color,#2a3940);border-radius:13px;padding:9px 10px;background:var(--card-bg,#152027);color:var(--text-color,#fff);text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center}.v32-resources button span{font-size:10px;font-weight:900;white-space:nowrap}.v32-resources button small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-text,#93a3ad)}.v32-empty-resource,.v32-loading,.v32-error{padding:16px;border-radius:14px;color:var(--muted-text,#93a3ad);background:rgba(255,255,255,.025);font-size:12px}.v32-note{margin-top:12px;padding:12px 14px;border-radius:15px;background:rgba(34,211,238,.055);color:var(--muted-text,#93a3ad);font-size:11px;line-height:1.5}.v32-entry{display:grid!important;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.v32-entry-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(34,211,238,.12);font-size:22px}.v32-entry-copy{min-width:0}.v32-entry-copy strong,.v32-entry-copy small{display:block}.v32-entry-copy small{color:var(--muted-text,#93a3ad);margin-top:2px}.v32-entry>button,.v32-mastery-btn{border:0;border-radius:12px;padding:9px 12px;background:#22d3ee;color:#062027;font-weight:900}.v32-mastery-btn{margin-left:auto}.v30-hero{position:relative;flex-wrap:wrap}
body.light .v32-hero,body.light .v32-card,body.light .v32-summary article,body.light .v32-node,body.light .v32-resources button{background:#fff;color:#172027}body.light .v32-node{background:#f9fcfd}body.light .v32-prereq{background:#f2f7f9}
@media(max-width:720px){.v32-shell,.v32-topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.v32-hero{padding:16px;border-radius:20px}.v32-hero h2{font-size:20px}.v32-hero-stat{width:82px;height:82px;flex-basis:82px;border-width:6px}.v32-hero-stat strong{font-size:23px}.v32-summary{grid-template-columns:repeat(2,1fr)}.v32-grid{grid-template-columns:1fr}.v32-card{padding:13px;border-radius:20px}.v32-card-head{align-items:flex-start;flex-direction:column}.v32-card-head>small{text-align:left}.v32-entry{grid-template-columns:auto 1fr!important}.v32-entry>button{grid-column:1/-1;width:100%}.v32-resources button{align-items:flex-start;flex-direction:column}.v32-resources button small{max-width:100%}}
@media(max-width:390px){.v32-shell,.v32-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.v32-hero-stat{display:none}.v32-summary article{padding:11px}.v32-node{padding:12px}}


/* ===== SOURCE: assets/v33.css ===== */
/* Slovra V33 — Adaptive Placement */
.v33-screen{overflow-x:hidden}.v33-top,.v33-shell{width:min(820px,100%);margin:0 auto;box-sizing:border-box}.v33-top{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;padding:12px 14px}.v33-top>button{width:42px;height:42px;border-radius:14px;border:1px solid var(--border-color,#2b3940);background:var(--card-bg,#162127);color:var(--text-color,#fff);font-size:20px}.v33-top span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#8b5cf6}.v33-top strong{display:block;font-size:18px}.v33-shell{padding:10px 14px 48px}.v33-card{border:1px solid rgba(139,92,246,.22);border-radius:24px;background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(34,211,238,.04)),var(--card-bg,#152027);padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.12)}.v33-hero>span,.v33-result>span,.v33-focus>span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#a78bfa}.v33-card h2{margin:5px 0 8px}.v33-card p{color:var(--muted-text,#93a3ad);line-height:1.5}.v33-hero>button,.v33-next,.v33-actions button{border:0;border-radius:14px;padding:12px 15px;background:#8b5cf6;color:#fff;font-weight:900}.v33-last{margin:14px 0;padding:10px 12px;border-radius:13px;background:rgba(139,92,246,.08);font-size:12px;color:var(--muted-text,#93a3ad)}.v33-progress{display:flex;justify-content:space-between;align-items:center}.v33-progress span{padding:5px 9px;border-radius:999px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:900}.v33-track{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0}.v33-track i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}#v33-skill{font-weight:900;color:#22d3ee}.v33-opts{display:grid;gap:9px;margin:16px 0}.v33-opts button{border:1px solid var(--border-color,#2b3940);border-radius:15px;padding:12px;background:rgba(255,255,255,.025);color:var(--text-color,#fff);text-align:left;font-weight:800}.v33-opts button.correct{border-color:#22c55e;background:rgba(34,197,94,.12)}.v33-opts button.wrong{border-color:#ef4444;background:rgba(239,68,68,.10)}.v33-feedback{min-height:22px}.v33-feedback small{display:block;margin-top:6px;color:var(--muted-text,#93a3ad)}.v33-listen{margin-top:8px;border:1px solid rgba(34,211,238,.25);border-radius:12px;padding:9px 12px;background:rgba(34,211,238,.08);color:var(--text-color,#fff);font-weight:900}.v33-next{width:100%;margin-top:12px}.v33-result{text-align:center}.v33-result-icon{font-size:42px}.v33-skills{display:grid;gap:9px;margin:16px 0;text-align:left}.v33-skills article{padding:11px 12px;border:1px solid var(--border-color,#2b3940);border-radius:15px}.v33-skills article>div{display:flex;justify-content:space-between;gap:10px}.v33-skills i{display:block;height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:8px 0 5px}.v33-skills i span{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.v33-skills small{color:var(--muted-text,#93a3ad)}.v33-focus{text-align:left;padding:13px;border-radius:15px;background:rgba(139,92,246,.07)}.v33-focus strong{display:block;margin-top:3px}.v33-focus p{margin:4px 0 0}.v33-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.v33-actions .secondary{grid-column:1/-1;background:transparent;border:1px solid var(--border-color,#2b3940);color:var(--text-color,#fff)}.v33-disclaimer{display:block;margin-top:12px;color:var(--muted-text,#93a3ad)}body.light-mode .v33-card,body.light-mode .v33-opts button{background:#fff;color:#172027}.hidden{display:none!important}@media(max-width:520px){.v33-shell,.v33-top{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.v33-card{padding:16px;border-radius:20px}.v33-actions{grid-template-columns:1fr}.v33-actions .secondary{grid-column:auto}.v33-skills article>div{align-items:flex-start;flex-direction:column}.v33-card h2{font-size:21px}}


/* ===== SOURCE: assets/v34.css ===== */
/* Slovra V34 — Öğretmen Paneli 3.0 */
.v34-dashboard{margin-top:15px;border-top:1px solid rgba(255,255,255,.075);padding-top:15px;min-width:0;box-sizing:border-box}.v34-dashboard.hidden{display:none}.v34-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:11px}.v34-head span,.v34-card-head span{display:block;font-size:8px;letter-spacing:.55px;font-weight:1000;color:#61d8ff}.v34-head h4{margin:2px 0 0!important;font-size:15px!important;color:var(--text-main,#fff)!important}.v34-head small{display:block;margin-top:3px;color:#8fa1a9;font-size:9px}.v34-head>button{border:1px solid rgba(255,255,255,.1);background:#14242b;color:#b9c8ce;border-radius:10px;padding:8px 10px;font:900 10px Nunito,sans-serif;cursor:pointer}.v34-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:9px}.v34-metric{border:1px solid rgba(255,255,255,.075);background:#17262d;border-radius:13px;padding:10px;min-width:0}.v34-metric.warn{border-color:rgba(255,185,60,.25);background:rgba(255,185,60,.055)}.v34-metric>span{display:block;font-size:7.5px;letter-spacing:.35px;font-weight:1000;color:#81959e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v34-metric>strong{display:block;font-size:17px;line-height:1.1;color:#fff;margin:6px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v34-metric>small{display:block;font-size:8px;color:#84979f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v34-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:9px;margin-bottom:9px;min-width:0}.v34-card{border:1px solid rgba(255,255,255,.075);background:#14242b;border-radius:15px;padding:12px;min-width:0;box-sizing:border-box}.v34-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin-bottom:10px;min-width:0}.v34-card-head h5{margin:2px 0 0;font-size:12px;color:#fff}.v34-card-head select,.v34-card-head input{border:1px solid #34464f;background:#102027;color:#fff;border-radius:9px;padding:7px 8px;font:800 9px Nunito,sans-serif;max-width:145px;min-width:0;box-sizing:border-box}.v34-concepts{display:grid;gap:7px}.v34-concept-row{border:1px solid rgba(255,255,255,.06);background:#172a32;border-radius:12px;padding:9px}.v34-concept-main{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center}.v34-concept-main>span{font-size:18px}.v34-concept-main strong{display:block;color:#fff;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v34-concept-main small{display:block;color:#82969f;font-size:7.5px;margin-top:2px}.v34-concept-main>b{font-size:10px;color:#70e8a0}.v34-bar{height:5px;background:#0d1b20;border-radius:99px;overflow:hidden;margin-top:7px}.v34-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb83d,#58cc02);border-radius:inherit}.v34-dist{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.v34-dist span{font-size:7px;font-weight:900;border-radius:999px;padding:4px 6px;background:#0f1d22;color:#92a5ad}.v34-dist .low{color:#ff8989}.v34-dist .mid{color:#ffd06d}.v34-dist .high{color:#83e77b}.v34-rec-focus{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(88,204,2,.17);background:rgba(88,204,2,.055);border-radius:13px;padding:11px}.v34-rec-focus>span{font-size:25px}.v34-rec-focus div{min-width:0}.v34-rec-focus small{font-size:7.5px;color:#71dfff;font-weight:1000;letter-spacing:.4px}.v34-rec-focus strong{display:block;color:#fff;font-size:12px;margin-top:2px}.v34-rec-focus p{margin:5px 0 0;font-size:8.5px;line-height:1.4;color:#8fa2aa}.v34-recommend>button{width:100%;border:0;background:#58cc02;color:#102200;border-radius:11px;padding:10px;margin-top:8px;box-shadow:0 3px 0 #3f9400;font:950 10px Nunito,sans-serif;cursor:pointer}.v34-rec-note{display:block;font-size:7.5px;line-height:1.4;color:#778b94;margin-top:8px}.v34-students-card{margin-bottom:9px}.v34-card-head input{width:150px}.v34-students{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v34-student{border:1px solid rgba(255,255,255,.07);background:#17262d;border-radius:13px;padding:10px;min-width:0}.v34-student.risk{border-color:rgba(255,75,75,.28);background:rgba(255,75,75,.045)}.v34-student.watch{border-color:rgba(255,185,60,.22)}.v34-student-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.v34-student-head>div{min-width:0}.v34-student-head strong{display:block;color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v34-student-head small{display:block;color:#84979f;font-size:7.5px;margin-top:2px}.v34-student-head em{font-style:normal;font-size:6.5px;font-weight:1000;letter-spacing:.3px;border-radius:999px;padding:4px 6px;background:#21353e;color:#8ee18a;white-space:nowrap}.v34-student.risk .v34-student-head em{color:#ff8888;background:rgba(255,75,75,.09)}.v34-student.watch .v34-student-head em{color:#ffd071;background:rgba(255,185,60,.08)}.v34-student-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.v34-student-stats span{background:#102027;border-radius:9px;padding:7px 5px;text-align:center;min-width:0}.v34-student-stats b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v34-student-stats small{display:block;color:#788c94;font-size:6.8px;margin-top:2px}.v34-weak{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.v34-weak span{font-size:7px;color:#9eb0b7;border:1px solid rgba(255,255,255,.06);background:#102027;border-radius:999px;padding:4px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v34-student p{font-size:7.5px;color:#d7a860;margin:7px 0 0;line-height:1.35}.v34-privacy{margin:0;color:#73868e;font-size:7.5px;line-height:1.45;padding:0 2px}.v34-loading,.v34-empty,.v34-error{grid-column:1/-1;padding:14px;border:1px dashed rgba(255,255,255,.08);border-radius:11px;text-align:center;color:#81959e;font-size:9px}.v34-error{color:#ff9b9b;border-color:rgba(255,75,75,.2)}
body.light-mode .v34-card,body.light-mode .v34-metric,body.light-mode .v34-student{background:#f7fafb;border-color:#dbe5e8}body.light-mode .v34-concept-row{background:#f1f6f7;border-color:#dce6e9}body.light-mode .v34-head h4,body.light-mode .v34-card-head h5,body.light-mode .v34-metric>strong,body.light-mode .v34-concept-main strong,body.light-mode .v34-rec-focus strong,body.light-mode .v34-student-head strong,body.light-mode .v34-student-stats b{color:#17262d}body.light-mode .v34-head>button,body.light-mode .v34-card-head select,body.light-mode .v34-card-head input{background:#fff;color:#17262d;border-color:#d5e1e5}body.light-mode .v34-student-stats span,body.light-mode .v34-weak span,body.light-mode .v34-dist span{background:#eef3f4;border-color:#dde7e9}
@media(max-width:760px){.v34-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v34-grid{grid-template-columns:1fr}.v34-students{grid-template-columns:1fr}}
@media(max-width:480px){.v34-dashboard{margin-left:0;margin-right:0}.v34-head{align-items:flex-start}.v34-head h4{font-size:13px!important}.v34-card{padding:10px}.v34-card-head{flex-direction:column}.v34-card-head select,.v34-card-head input{width:100%;max-width:none}.v34-metrics{gap:6px}.v34-metric{padding:9px}.v34-metric>strong{font-size:15px}.v34-concept-main{grid-template-columns:24px minmax(0,1fr) auto}.v34-student-stats{gap:4px}.v34-privacy{font-size:7px}}


/* ===== SOURCE: assets/v35.css ===== */
/* Slovra V35 — TORFL / ТРКИ Hazırlık Modu */
.v35-screen{overflow-x:hidden}.v35-top{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;max-width:920px;margin:0 auto 14px}.v35-top>button{border:1px solid var(--border-color,#263547);background:var(--card-bg,#111a25);color:var(--text-main,#f7fafc);border-radius:12px;min-height:40px;padding:0 11px;font-weight:900;cursor:pointer}.v35-top>div{min-width:0;display:flex;flex-direction:column}.v35-top span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#60a5fa}.v35-top strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v35-shell{max-width:920px;margin:0 auto 90px;display:grid;gap:12px}.v35-card,.v35-exam-head,.v35-result-card{box-sizing:border-box;border:1px solid var(--border-color,#263547);background:var(--card-bg,#111a25);color:var(--text-main,#f7fafc);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.v35-card{padding:16px}.v35-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(59,130,246,.17),rgba(239,68,68,.09)),var(--card-bg,#111a25)}.v35-hero:after{content:'Я';position:absolute;right:12px;top:-32px;font-size:150px;font-weight:1000;color:rgba(255,255,255,.035);pointer-events:none}.v35-hero>span{font-size:9px;letter-spacing:.15em;font-weight:1000;color:#60a5fa}.v35-hero h2{font-size:22px;line-height:1.05;margin:8px 0}.v35-hero>p{font-size:11px;line-height:1.6;color:var(--text-muted,#9eabb8);max-width:680px;margin:0 0 14px}.v35-official{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v35-official>div{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid rgba(96,165,250,.18);background:rgba(15,23,42,.22);border-radius:12px}.v35-official b{font-size:11px}.v35-official small,.v35-official span{font-size:8px;color:var(--text-muted,#9eabb8);letter-spacing:0}.v35-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.v35-section-title>div{display:flex;align-items:center;gap:8px}.v35-section-title>div>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#2563eb;color:#fff;font-size:10px;font-weight:1000}.v35-section-title strong{font-size:12px}.v35-section-title>button{border:0;background:transparent;color:#60a5fa;font-size:10px;font-weight:900;cursor:pointer}.v35-levels,.v35-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v35-modes{grid-template-columns:repeat(2,1fr)}.v35-levels button,.v35-modes button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid var(--border-color,#263547);background:var(--input-bg,#0d1520);color:var(--text-main,#f7fafc);border-radius:13px;padding:11px;cursor:pointer;transition:.15s ease}.v35-levels button.active,.v35-modes button.active{border-color:#3b82f6;background:rgba(59,130,246,.12);box-shadow:inset 0 0 0 1px rgba(59,130,246,.15)}.v35-levels b{font-size:16px}.v35-levels span,.v35-modes span{font-size:10px;font-weight:900;color:#60a5fa}.v35-levels small,.v35-modes small{font-size:8px;color:var(--text-muted,#9eabb8);line-height:1.35}.v35-modes b{font-size:12px}.v35-note{margin-top:9px;font-size:8px;line-height:1.5;color:var(--text-muted,#9eabb8)}.v35-start,.v35-primary{border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:1000;cursor:pointer;min-height:48px;padding:0 16px;box-shadow:0 10px 26px rgba(37,99,235,.2)}.v35-start{width:100%}.v35-start:disabled{opacity:.55;cursor:wait}.v35-last{font-size:9px;color:var(--text-muted,#9eabb8);text-align:center}.v35-learning{display:grid!important;grid-template-columns:46px 1fr auto;align-items:center;gap:10px}.v35-learning-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(239,68,68,.14));font-size:22px}.v35-learning>div:nth-child(2){min-width:0}.v35-learning span{font-size:8px;font-weight:1000;color:#60a5fa;letter-spacing:.08em}.v35-learning h3{font-size:12px;margin:2px 0}.v35-learning p{font-size:8px;color:var(--text-muted,#9eabb8);margin:0;line-height:1.4}.v35-learning>button{border:1px solid rgba(59,130,246,.35);background:rgba(59,130,246,.1);color:#60a5fa;border-radius:10px;padding:9px;font-size:9px;font-weight:1000;cursor:pointer}.v35-exam-head{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.v35-exam-head>div:first-child{display:flex;flex-direction:column}.v35-exam-head span{font-size:8px;color:#60a5fa;font-weight:1000;letter-spacing:.1em}.v35-exam-head strong{font-size:13px}.v35-clock{text-align:right}.v35-clock small{display:block;font-size:8px;color:var(--text-muted,#9eabb8)}.v35-clock b{font-size:15px;font-variant-numeric:tabular-nums}.v35-progress{height:5px;background:var(--input-bg,#0d1520);border-radius:99px;overflow:hidden}.v35-progress i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:inherit;transition:.2s}.v35-section-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.v35-section-tabs span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 3px;border:1px solid var(--border-color,#263547);border-radius:10px;background:var(--card-bg,#111a25);font-size:12px;opacity:.45}.v35-section-tabs span b{font-size:7px}.v35-section-tabs span.active{opacity:1;border-color:#3b82f6;background:rgba(59,130,246,.1)}.v35-section-tabs span.done{opacity:.8;border-color:rgba(34,197,94,.35)}.v35-task{padding:16px}.v35-task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v35-task-top span{font-size:9px;color:#60a5fa;font-weight:1000;letter-spacing:.08em}.v35-task-top small{font-size:8px;color:var(--text-muted,#9eabb8)}.v35-task h2{font-size:17px;line-height:1.35;margin:0 0 13px}.v35-options{display:grid;gap:8px}.v35-options button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--border-color,#263547);background:var(--input-bg,#0d1520);color:var(--text-main,#f7fafc);border-radius:13px;padding:11px;font-size:10px;font-weight:800;cursor:pointer;line-height:1.4}.v35-options button>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:rgba(148,163,184,.12);font-size:9px}.v35-options button.correct{border-color:#22c55e;background:rgba(34,197,94,.1)}.v35-options button.wrong{border-color:#ef4444;background:rgba(239,68,68,.09)}.v35-feedback{margin-top:11px;border-radius:12px;padding:0}.v35-feedback.ok,.v35-feedback.bad{padding:11px;border:1px solid}.v35-feedback.ok{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08)}.v35-feedback.bad{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.07)}.v35-feedback strong{font-size:10px}.v35-feedback p{font-size:9px;color:var(--text-muted,#9eabb8);line-height:1.45;margin:5px 0}.v35-feedback button{width:100%;min-height:40px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:1000;font-size:9px;cursor:pointer}.v35-source{padding:12px;border-radius:13px;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.16);margin-bottom:13px;max-height:240px;overflow:auto}.v35-source small{font-size:8px;color:#60a5fa;font-weight:1000}.v35-source p{font-size:11px;line-height:1.75;margin:7px 0 0}.v35-listen-box{display:grid;place-items:center;text-align:center;padding:15px;border:1px dashed rgba(96,165,250,.35);border-radius:14px;margin-bottom:13px}.v35-listen-box>span{font-size:26px}.v35-listen-box strong{font-size:11px;margin:3px 0 8px}.v35-listen-box button{border:0;border-radius:10px;background:#2563eb;color:#fff;font-size:9px;font-weight:1000;padding:9px 12px;cursor:pointer}.v35-listen-box small{font-size:8px;color:var(--text-muted,#9eabb8);margin-top:6px}.v35-productive>span{font-size:8px;color:#60a5fa;font-weight:1000;letter-spacing:.1em}.v35-productive>p{font-size:10px;line-height:1.6;color:var(--text-muted,#9eabb8)}.v35-focus{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.v35-focus span{font-size:8px;padding:5px 7px;border-radius:99px;background:rgba(96,165,250,.1);color:#93c5fd}.v35-productive textarea{box-sizing:border-box;width:100%;min-height:180px;resize:vertical;border:1px solid var(--border-color,#263547);background:var(--input-bg,#0d1520);color:var(--text-main,#f7fafc);border-radius:13px;padding:12px;font:600 11px/1.6 Nunito,system-ui,sans-serif;outline:none}.v35-live{display:flex;gap:8px;flex-wrap:wrap;margin:7px 0 12px}.v35-live span{font-size:8px;color:var(--text-muted,#9eabb8)}.v35-live b{color:var(--text-main,#f7fafc)}.v35-self{display:grid;gap:7px;padding:11px;border-radius:12px;background:rgba(148,163,184,.06);margin:9px 0}.v35-self strong{font-size:9px}.v35-self label{display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.4;color:var(--text-muted,#9eabb8);cursor:pointer}.v35-self input{margin-top:1px}.v35-productive .v35-primary{width:100%;margin-top:2px}.v35-privacy{display:block;font-size:7px;line-height:1.5;color:var(--text-muted,#9eabb8);margin-top:8px;text-align:center}.v35-starter{padding:10px;border-radius:11px;background:rgba(59,130,246,.07);margin:9px 0}.v35-starter small{display:block;font-size:7px;color:#60a5fa}.v35-starter b{font-size:11px}.v35-speak-timer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--border-color,#263547);border-radius:12px;margin:10px 0}.v35-speak-timer b{font-size:22px;font-variant-numeric:tabular-nums}.v35-speak-timer button{border:0;border-radius:10px;background:rgba(59,130,246,.12);color:#60a5fa;padding:9px;font-size:8px;font-weight:1000;cursor:pointer}.v35-result-hero{text-align:center}.v35-result-hero>span{font-size:8px;color:#60a5fa;font-weight:1000;letter-spacing:.08em}.v35-result-hero h2{font-size:18px;margin:5px 0}.v35-score strong{font-size:42px;line-height:1;color:#60a5fa}.v35-score small{display:block;font-size:8px;color:var(--text-muted,#9eabb8)}.v35-result-hero p{font-size:8px;color:var(--text-muted,#9eabb8);line-height:1.5;max-width:520px;margin:8px auto 0}.v35-result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.v35-result-card{padding:11px 7px;text-align:center;display:flex;flex-direction:column;gap:3px}.v35-result-card span{font-size:18px}.v35-result-card b{font-size:15px}.v35-result-card small{font-size:7px;color:var(--text-muted,#9eabb8)}.v35-recs{display:grid;gap:8px}.v35-recs>div{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--border-color,#263547);border-radius:11px}.v35-recs b{font-size:9px}.v35-recs p{font-size:8px;line-height:1.4;color:var(--text-muted,#9eabb8);margin:0}.v35-recs button{border:0;background:rgba(59,130,246,.12);color:#60a5fa;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:1000;cursor:pointer}.v35-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v35-result-actions>button:not(.v35-primary){border:1px solid var(--border-color,#263547);background:var(--card-bg,#111a25);color:var(--text-main,#f7fafc);border-radius:14px;font-weight:1000;cursor:pointer}.v35-history-list{display:grid;gap:7px}.v35-history-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--border-color,#263547);background:var(--input-bg,#0d1520);color:var(--text-main,#f7fafc);border-radius:12px;padding:10px;cursor:pointer}.v35-history-list button>div{display:flex;flex-direction:column}.v35-history-list b{font-size:10px}.v35-history-list span{font-size:8px;color:var(--text-muted,#9eabb8)}.v35-history-list button>strong{font-size:14px;color:#60a5fa}.v35-empty{padding:30px 10px;text-align:center;font-size:9px;color:var(--text-muted,#9eabb8)}
[data-theme="light"] .v35-card,[data-theme="light"] .v35-exam-head,[data-theme="light"] .v35-result-card{box-shadow:0 8px 24px rgba(15,23,42,.06)}[data-theme="light"] .v35-hero:after{color:rgba(15,23,42,.04)}
@media(max-width:640px){.v35-screen{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.v35-shell,.v35-top{width:100%;max-width:100%;box-sizing:border-box}.v35-official{grid-template-columns:1fr}.v35-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.v35-levels button{padding:9px 7px}.v35-modes{grid-template-columns:1fr}.v35-section-tabs b{display:none}.v35-result-grid{grid-template-columns:repeat(3,1fr)}.v35-result-grid .v35-result-card:nth-child(n+4){grid-column:span 1}.v35-recs>div{grid-template-columns:1fr auto}.v35-recs p{grid-column:1/-1;grid-row:2}.v35-learning{grid-template-columns:40px 1fr}.v35-learning-icon{width:38px;height:38px}.v35-learning>button{grid-column:1/-1;width:100%}.v35-top>div strong{font-size:13px}.v35-top>button:last-child{font-size:8px;padding:0 8px}.v35-task{padding:13px}.v35-task h2{font-size:15px}.v35-source{max-height:210px}.v35-result-actions{grid-template-columns:1fr}.v35-result-actions>button{min-height:44px}}
@media(max-width:380px){.v35-levels button small{display:none}.v35-result-grid{grid-template-columns:repeat(2,1fr)}.v35-section-tabs span{padding:6px 1px}.v35-card{padding:13px}}


/* ===== SOURCE: assets/v36.css ===== */
.v36-memory-bar{margin:8px 0 10px;padding:10px 11px;border:1px solid rgba(206,130,255,.18);border-radius:15px;background:linear-gradient(135deg,rgba(206,130,255,.10),rgba(28,176,246,.06));display:flex;align-items:center;justify-content:space-between;gap:9px}.v36-memory-bar>div{display:flex;align-items:center;gap:8px;min-width:0}.v36-memory-bar>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(206,130,255,.12)}.v36-memory-bar strong,.v36-memory-bar small{display:block}.v36-memory-bar strong{font-size:10px}.v36-memory-bar small{font-size:8px;color:var(--text-muted,#9daab0);margin-top:2px;line-height:1.35}.v36-memory-bar button,.v36-settings>button{border:0;border-radius:10px;padding:8px 10px;font:inherit;font-size:9px;font-weight:900;cursor:pointer;background:rgba(206,130,255,.14);color:#ddb7ff}.v36-memory-bar.off{opacity:.72}.v36-settings .v36-brain{background:rgba(206,130,255,.13)}.v36-settings-note{margin:8px 0 10px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035)}.v36-settings-note span{font-size:9px;font-weight:950;color:#d9afff}.v36-settings-note p{margin:4px 0 0;font-size:9px;line-height:1.45;color:var(--text-muted,#9daab0)}.v36-preview{margin-top:9px;padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.10);font-size:9px;line-height:1.45}.v36-preview.hidden{display:none}.v36-preview>strong{display:block;margin-bottom:8px}.v36-preview>small{display:block;margin:8px 0 4px;color:var(--text-muted,#9daab0);font-weight:900}.v36-preview>div{display:flex;gap:5px;flex-wrap:wrap}.v36-preview>div span{padding:5px 7px;border-radius:999px;background:rgba(206,130,255,.10)}.v36-preview p{margin:9px 0 0;color:var(--text-muted,#9daab0)}body.light-mode .v36-memory-bar,body.light-mode .v36-settings-note,body.light-mode .v36-preview{background:#fff;border-color:#e4e9ed;color:#1b252b}@media(max-width:480px){.v36-memory-bar{margin-left:0;margin-right:0;align-items:flex-start}.v36-memory-bar button{flex:0 0 auto}.v36-settings>button{width:100%}}


/* ===== SOURCE: assets/v37.css ===== */
/* Slovra V37 — Offline Learning 2.0 */
.v37-head{align-items:center}.v37-head>div{display:flex;flex-direction:column;gap:1px}.v37-head small{font-size:10px;color:var(--text-muted,#8ea0a7)}.v37-back{border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}.v37-open-static{font-size:11px;font-weight:900;color:#58cc02;text-decoration:none;border:1px solid rgba(88,204,2,.35);padding:8px 10px;border-radius:12px}.v37-page{width:min(900px,100%);margin:0 auto;padding:4px 0 34px}.v37-hero,.v37-card{border:1px solid var(--border-color,#30434b);background:var(--card-bg,#17272e);border-radius:20px;padding:16px;margin-bottom:13px;box-shadow:0 4px 0 rgba(0,0,0,.18)}.v37-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(88,204,2,.12),rgba(28,176,246,.08)),var(--card-bg,#17272e)}.v37-hero span{font-size:10px;letter-spacing:.12em;font-weight:1000;color:#58cc02}.v37-hero h2{font-size:20px;margin:4px 0}.v37-hero p,.v37-title p{font-size:12px;line-height:1.5;color:var(--text-muted,#9aacb3);margin:0}.v37-net{flex:0 0 auto;font-size:11px;font-weight:1000;padding:8px 10px;border-radius:999px;background:rgba(88,204,2,.12);color:#83e451}.v37-net.offline{background:rgba(255,165,0,.12);color:#ffb84b}.v37-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}.v37-summary>div{border:1px solid var(--border-color,#30434b);border-radius:16px;background:var(--card-bg,#17272e);padding:11px;min-width:0}.v37-summary span{display:block;font-size:9px;font-weight:1000;color:var(--text-muted,#8fa2aa);letter-spacing:.08em}.v37-summary b{display:block;font-size:17px;margin:2px 0}.v37-summary small{display:block;font-size:10px;color:var(--text-muted,#8fa2aa);white-space:normal}.v37-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.v37-title h3{font-size:15px;margin:0 0 3px}.v37-title>button,.v37-actions button,.v37-settings-row button{border:1px solid var(--border-color,#3b515b);background:var(--soft-bg,#20343c);color:inherit;border-radius:12px;padding:9px 11px;font-weight:900;font-size:11px;cursor:pointer}.v37-actions{display:flex;flex-wrap:wrap;gap:8px}.v37-actions button.primary{background:#58cc02;color:#10200a;border-color:#58cc02}.v37-note{display:block;color:var(--text-muted,#8fa2aa);font-size:10px;margin-top:9px}.v37-word-toggle,.v37-pick-list label{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color,#334850);background:var(--soft-bg,#1d3038);border-radius:13px;padding:10px;cursor:pointer}.v37-word-toggle input,.v37-pick-list input{width:18px;height:18px;accent-color:#58cc02;flex:0 0 auto}.v37-word-toggle span,.v37-pick-list span{display:flex;flex-direction:column;min-width:0}.v37-word-toggle b,.v37-pick-list b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v37-word-toggle small,.v37-pick-list small{font-size:10px;color:var(--text-muted,#91a4ab);margin-top:2px}.v37-filter{display:flex;align-items:center;justify-content:space-between;margin:13px 1px 7px;font-size:12px}.v37-filter select{background:var(--soft-bg,#20343c);border:1px solid var(--border-color,#3b515b);color:inherit;border-radius:10px;padding:6px 8px}.v37-pick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:270px;overflow:auto;padding-right:2px}.v37-empty{padding:14px;border:1px dashed var(--border-color,#3b515b);border-radius:13px;color:var(--text-muted,#8fa2aa);font-size:11px;grid-column:1/-1}.v37-sync-state{font-size:11px;color:var(--text-muted,#8fa2aa);padding:9px 11px;background:var(--soft-bg,#1d3038);border-radius:12px}.v37-learning-entry{display:flex;align-items:center;justify-content:space-between;gap:12px}.v37-learning-entry>div{display:flex;align-items:center;gap:10px}.v37-learning-entry>div>span{font-size:25px}.v37-learning-entry h3{margin:0;font-size:14px}.v37-learning-entry p{margin:2px 0 0;font-size:11px;color:var(--text-muted,#8fa2aa)}.v37-learning-entry>button{border:0;background:#58cc02;color:#10200a;font-weight:1000;border-radius:11px;padding:9px 10px;white-space:nowrap}.v37-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border-color,#334850);padding:12px 0}.v37-settings-row>div{display:flex;flex-direction:column}.v37-settings-row strong{font-size:12px}.v37-settings-row span{font-size:10px;color:var(--text-muted,#8fa2aa);margin-top:2px}
@media(max-width:560px){.v37-page{padding-left:2px;padding-right:2px}.v37-hero{align-items:flex-start;flex-direction:column}.v37-summary{grid-template-columns:1fr}.v37-pick-list{grid-template-columns:1fr;max-height:330px}.v37-actions{display:grid;grid-template-columns:1fr}.v37-actions button{width:100%}.v37-title{align-items:center}.v37-settings-row{align-items:flex-start;flex-direction:column}.v37-settings-row button{width:100%}.v37-learning-entry{align-items:flex-start;flex-direction:column}.v37-learning-entry>button{width:100%}}
html[data-theme="light"] .v37-hero,html[data-theme="light"] .v37-card,html[data-theme="light"] .v37-summary>div{box-shadow:0 3px 0 rgba(0,0,0,.07)}


/* ===== SOURCE: assets/v38.css ===== */
/* Slovra V38 — Bildirim Motoru 2.0 */
.v38-reminder-status{margin:12px 0 4px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--border,#2d3748) 82%,#7c3aed 18%);border-radius:16px;background:color-mix(in srgb,var(--card,#151922) 93%,#7c3aed 7%);display:flex;align-items:center;justify-content:space-between;gap:12px}.v38-reminder-status>div{min-width:0;display:grid;gap:2px}.v38-reminder-status span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#a78bfa}.v38-reminder-status strong{font-size:13px}.v38-reminder-status small{font-size:11px;line-height:1.35;color:var(--muted,#9ca3af)}.v38-reminder-status button{flex:0 0 auto;border:0;border-radius:12px;padding:9px 11px;font-weight:800;cursor:pointer;background:color-mix(in srgb,var(--card,#151922) 80%,#7c3aed 20%);color:inherit}@media(max-width:480px){.v38-reminder-status{margin-inline:0;align-items:flex-start;flex-direction:column}.v38-reminder-status button{width:100%}}


/* ===== SOURCE: assets/v40-system.css ===== */
/* Slovra V40 — UI System / Technical Debt Consolidation
   This layer is intentionally loaded LAST inside slovra-ui-v40.css.
   It does not remove legacy classes; it normalizes layout, theme and accessibility safely. */
:root{
  --slovra-space-1:4px;
  --slovra-space-2:8px;
  --slovra-space-3:12px;
  --slovra-space-4:16px;
  --slovra-space-5:20px;
  --slovra-page-gutter:clamp(12px,3.8vw,20px);
  --slovra-page-max:980px;
  --slovra-radius-sm:10px;
  --slovra-radius-md:14px;
  --slovra-radius-lg:20px;
  --slovra-focus:color-mix(in srgb,var(--slovra-accent,#58cc02) 74%,#fff 26%);
  --slovra-surface:var(--card-bg,#17272e);
  --slovra-surface-soft:var(--input-bg,#102128);
  --slovra-line:var(--border-color,rgba(255,255,255,.09));
  --slovra-copy:var(--text-main,#f5f8fa);
  --slovra-copy-muted:var(--text-muted,#95a5ad);
}

html{max-width:100%;color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body.light-mode{color-scheme:light;}
*,*::before,*::after{box-sizing:border-box;}
html,body,#app-container,.screen{max-width:100%;min-width:0;}
html,body{overflow-x:hidden;}
@supports(overflow:clip){html,body{overflow-x:clip;}}
img,svg,video,canvas{max-width:100%;height:auto;}
iframe{max-width:100%;}
button,input,select,textarea{font-family:inherit;}
button,a,[role="button"],input,select,textarea{touch-action:manipulation;}
:where(button,a,[role="button"],input,select,textarea):focus-visible{
  outline:3px solid var(--slovra-focus);
  outline-offset:2px;
}
:where(.screen,[class$="-screen"],[class*="-screen "]) :where(.card,[class$="-card"],[class*="-card "]){min-width:0;max-width:100%;}
:where(.screen,[class$="-screen"],[class*="-screen "]) :where(h1,h2,h3,h4,p,strong,small,span){overflow-wrap:anywhere;}

/* Standard page shells. Keeps outer frames away from device edges without altering inner card spacing. */
:where(.v28-topbar,.v28-shell,.v30-topbar,.v30-shell,.v31-topbar,.v31-shell,.v32-topbar,.v32-shell,.v33-top,.v33-shell,.v35-top,.v35-shell,.v37-page){
  width:100%;
  max-width:var(--slovra-page-max);
  box-sizing:border-box;
}
:where(.v28-profile-hero,.v28-section,.v30-hero,.v30-card,.v31-control,.v31-status,.v31-focus,.v31-plan,.v31-task,.v32-hero,.v32-card,.v33-card,.v35-card,.v35-exam-head,.v35-result-card,.v37-hero,.v37-card){
  max-width:100%;
  min-width:0;
}

/* Theme bridge: older V32/V35/V37 modules used theme selectors that were not aligned with Settings. */
body.light-mode .v32-topbar>button,
body.light-mode .v32-hero,
body.light-mode .v32-card,
body.light-mode .v32-summary article,
body.light-mode .v32-resources button{
  background:#fff;
  color:#172027;
  border-color:#dce7eb;
  box-shadow:0 8px 24px rgba(15,23,42,.055);
}
body.light-mode .v32-node{background:#f8fbfc;color:#172027;border-color:#dce7eb;}
body.light-mode .v32-prereq{background:#f0f5f7;}
body.light-mode .v32-empty-resource,
body.light-mode .v32-loading,
body.light-mode .v32-error{background:#f4f8f9;color:#63757d;}

body.light-mode .v35-top>button,
body.light-mode .v35-card,
body.light-mode .v35-exam-head,
body.light-mode .v35-result-card,
body.light-mode .v35-section-tabs span,
body.light-mode .v35-result-actions>button:not(.v35-primary){
  background:#fff;
  color:#1d2d38;
  border-color:#dce5ec;
  box-shadow:0 8px 24px rgba(15,23,42,.055);
}
body.light-mode .v35-modes button,
body.light-mode .v35-options button,
body.light-mode .v35-productive textarea,
body.light-mode .v35-history-list button{
  background:#f5f8fb;
  color:#1d2d38;
  border-color:#d7e1e8;
}
body.light-mode .v35-official>div,
body.light-mode .v35-self,
body.light-mode .v35-source,
body.light-mode .v35-starter{background:#f4f8fb;color:#1d2d38;}

body.light-mode .v37-hero,
body.light-mode .v37-card,
body.light-mode .v37-summary>div{
  background:#fff;
  color:#1c3038;
  border-color:#d8e5e9;
  box-shadow:0 3px 0 rgba(15,23,42,.06);
}
body.light-mode .v37-pick-list label,
body.light-mode .v37-filter select,
body.light-mode .v37-sync-state,
body.light-mode .v37-settings-row button{
  background:#f3f7f8;
  color:#1c3038;
  border-color:#d5e1e5;
}
body.light-mode .v38-reminder-status{
  --card:#fff;
  --border:#d9e2e8;
  --muted:#667681;
  color:#22313a;
}

/* Make reduced motion preference and OS preference consistent across every version layer. */
body.slovra-reduce-motion *,
body.slovra-reduce-motion *::before,
body.slovra-reduce-motion *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

/* Mobile safe gutters. This intentionally overrides legacy 0–2px gutters such as V37. */
@media(max-width:640px){
  :root{--slovra-page-gutter:max(14px,env(safe-area-inset-left));}
  :where(.v28-topbar,.v28-shell,.v30-topbar,.v30-shell,.v31-topbar,.v31-shell,.v32-topbar,.v32-shell,.v33-top,.v33-shell,.v35-top,.v35-shell,.v37-page){
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  :where(.v28-profile-hero,.v28-section,.v30-hero,.v30-card,.v31-control,.v31-status,.v31-focus,.v31-plan,.v31-task,.v32-hero,.v32-card,.v33-card,.v35-card,.v35-exam-head,.v35-result-card,.v37-hero,.v37-card){
    margin-left:0;
    margin-right:0;
  }
  .v28-profile-hero,.v28-section{width:100%;}
}
@media(max-width:380px){
  :where(.v28-topbar,.v28-shell,.v30-topbar,.v30-shell,.v31-topbar,.v31-shell,.v32-topbar,.v32-shell,.v33-top,.v33-shell,.v35-top,.v35-shell,.v37-page){
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
  }
}

/* Better keyboard/touch behavior without making the compact mobile UI bulky. */
@media(pointer:coarse){
  :where(.v28-topbar,.v30-topbar,.v31-topbar,.v32-topbar,.v33-top,.v35-top) button{min-width:40px;min-height:40px;}
}


/* ========================================================================== 
   V50.3 — DESKTOP APP SHELL RESTORE
   V40's global max-width reset unintentionally overrode the original
   centered 600px Slovra app shell. Keep mobile fluid, restore desktop shell.
   ========================================================================== */
#app-container{
  width:100%;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  min-height:100vh;
}
#app-container > .screen{
  width:100%;
  max-width:100%;
}
@media (min-width:641px){
  body{
    min-width:0;
  }
  #app-container{
    max-width:600px;
  }
}
@media (max-width:640px){
  #app-container{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
}