.mc-pron-heat { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.mc-pron-word { padding:5px 8px; border-radius:8px; font:700 11px "JetBrains Mono",monospace; }
.mc-pron-word.good { color:#a7f3d0; background:rgba(16,185,129,.18); border:1px solid rgba(52,211,153,.35); }
.mc-pron-word.near { color:#fde68a; background:rgba(245,158,11,.16); border:1px solid rgba(251,191,36,.35); }
.mc-pron-word.miss { color:#fda4af; background:rgba(244,63,94,.16); border:1px solid rgba(251,113,133,.35); animation:mcPronPulse 1.4s ease-in-out infinite; }
@keyframes mcPronPulse { 50% { box-shadow:0 0 0 5px rgba(251,113,133,.08); } }

.mc-advanced-launch {
    position:fixed; right:18px; top:92px; z-index:9001;
    display:flex; align-items:center; gap:9px; padding:11px 15px;
    border-radius:999px; border:1px solid rgba(129,140,248,.3);
    color:#e0e7ff; background:linear-gradient(135deg,rgba(79,70,229,.9),rgba(126,34,206,.9));
    box-shadow:0 15px 40px rgba(79,70,229,.3); cursor:pointer; font-size:12px; font-weight:800;
}
.mc-advanced-launch i { animation:mcStudioSpark 2.4s ease-in-out infinite; }
@keyframes mcStudioSpark { 50% { transform:rotate(12deg) scale(1.15); } }

.mc-studio-shell {
    position:fixed; inset:0; z-index:27000; display:none; padding:22px;
    align-items:center; justify-content:center; background:rgba(2,6,23,.82); backdrop-filter:blur(14px);
}
.mc-studio-shell.show { display:flex; }
.mc-studio {
    width:min(1040px,100%); max-height:92vh; overflow:auto;
    border:1px solid rgba(129,140,248,.3); border-radius:28px;
    background:linear-gradient(145deg,#111827,#020617 70%);
    box-shadow:0 40px 120px rgba(0,0,0,.62); color:#f8fafc;
}
.mc-studio-head {
    position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between;
    gap:16px; padding:20px 24px; border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(10,16,32,.94); backdrop-filter:blur(16px);
}
.mc-studio-head h2 { margin:0; font-size:19px; }
.mc-studio-head p { margin:4px 0 0; color:#64748b; font-size:11px; }
.mc-studio-tabs { display:flex; gap:7px; overflow:auto; padding:14px 24px 0; }
.mc-studio-tab {
    flex:0 0 auto; padding:9px 12px; border-radius:11px; border:1px solid rgba(148,163,184,.16);
    color:#94a3b8; background:rgba(255,255,255,.03); font-size:11px; font-weight:750; cursor:pointer;
}
.mc-studio-tab.active { color:#fff; border-color:#818cf8; background:rgba(99,102,241,.18); }
.mc-studio-body { padding:22px 24px 28px; }
.mc-studio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.mc-feature-card {
    min-height:150px; padding:17px; border-radius:17px; border:1px solid rgba(148,163,184,.13);
    background:linear-gradient(145deg,rgba(30,41,59,.65),rgba(2,6,23,.55)); cursor:pointer; transition:.22s ease;
}
.mc-feature-card:hover { transform:translateY(-3px); border-color:rgba(129,140,248,.45); box-shadow:0 18px 45px rgba(0,0,0,.28); }
.mc-feature-card .icon { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; margin-bottom:13px; background:rgba(99,102,241,.16); color:#a5b4fc; }
.mc-feature-card h3 { margin:0 0 7px; font-size:14px; }
.mc-feature-card p { margin:0; color:#94a3b8; font-size:11px; line-height:1.55; }
.mc-feature-card .tag { display:inline-block; margin-top:11px; padding:4px 8px; border-radius:99px; color:#6ee7b7; background:rgba(16,185,129,.1); font-size:9px; font-weight:800; }

.mc-scene {
    position:relative; min-height:310px; overflow:hidden; border-radius:22px;
    background:linear-gradient(#172554 0 54%,#1e293b 54% 100%); border:1px solid rgba(129,140,248,.2);
}
.mc-scene::before { content:""; position:absolute; left:8%; right:8%; bottom:26%; height:2px; background:rgba(255,255,255,.1); }
.mc-scene-window { position:absolute; right:9%; top:12%; width:26%; height:35%; border:8px solid #334155; background:linear-gradient(#60a5fa,#dbeafe); }
.mc-scene-character { position:absolute; left:12%; bottom:18%; width:100px; text-align:center; }
.mc-scene-head { width:54px; height:54px; margin:auto; border-radius:50%; background:#f2c6a0; position:relative; }
.mc-scene-head::before,.mc-scene-head::after { content:""; position:absolute; top:20px; width:5px; height:5px; border-radius:50%; background:#1e293b; }
.mc-scene-head::before { left:14px; }.mc-scene-head::after { right:14px; }
.mc-scene-body { width:88px; height:105px; margin:-2px auto 0; border-radius:35px 35px 12px 12px; background:linear-gradient(135deg,#6366f1,#7c3aed); }
.mc-scene-bubble {
    position:absolute; left:29%; top:15%; max-width:55%; padding:13px 16px; border-radius:16px 16px 16px 4px;
    background:#f8fafc; color:#0f172a; font-size:14px; font-weight:700; box-shadow:0 12px 35px rgba(0,0,0,.28);
}
.mc-scene-pulse { animation:mcCharacterTalk .6s ease-in-out infinite alternate; }
@keyframes mcCharacterTalk { to { transform:translateY(-4px) scale(1.015); } }
.mc-scene-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:14px; }

.mc-mouth-layout { display:grid; grid-template-columns:270px 1fr; gap:22px; align-items:center; }
.mc-mouth {
    position:relative; width:250px; height:180px; margin:auto; border-radius:50%;
    background:linear-gradient(145deg,#f5c7aa,#d89b7c); box-shadow:inset 0 -10px 30px rgba(120,53,15,.16);
}
.mc-mouth-opening {
    position:absolute; left:50%; top:54%; width:105px; height:55px; transform:translate(-50%,-50%);
    overflow:hidden; border-radius:10px 10px 55px 55px; background:#4c0519; transition:.45s cubic-bezier(.2,.8,.2,1);
}
.mc-mouth-teeth { position:absolute; left:5px; right:5px; top:0; height:16px; border-radius:3px 3px 12px 12px; background:#fff; }
.mc-mouth-tongue { position:absolute; left:18px; right:18px; bottom:-5px; height:28px; border-radius:50% 50% 20% 20%; background:#fb7185; transition:.45s ease; }
.mc-mouth.th .mc-mouth-tongue { bottom:10px; transform:translateY(-8px); }
.mc-mouth.w .mc-mouth-opening { width:48px; height:45px; border-radius:50%; }
.mc-mouth.r .mc-mouth-opening { width:72px; height:42px; border-radius:45%; }
.mc-mouth.ae .mc-mouth-opening { width:125px; height:70px; border-radius:45%; }
.mc-mouth-sounds { display:flex; flex-wrap:wrap; gap:8px; margin:13px 0; }
.mc-mouth-sound.active { border-color:#34d399; color:#a7f3d0; background:rgba(16,185,129,.12); }

.mc-builder-bank,.mc-builder-answer { display:flex; flex-wrap:wrap; align-items:center; gap:9px; min-height:76px; padding:13px; border-radius:15px; }
.mc-builder-bank { background:rgba(99,102,241,.08); border:1px dashed rgba(129,140,248,.35); }
.mc-builder-answer { margin-top:12px; background:rgba(2,6,23,.55); border:1px dashed rgba(52,211,153,.32); }
.mc-word-tile { padding:9px 12px; border-radius:10px; border:1px solid rgba(148,163,184,.22); background:#1e293b; color:#f8fafc; font:700 12px "JetBrains Mono",monospace; cursor:grab; user-select:none; }
.mc-word-tile.selected { border-color:#34d399; background:rgba(16,185,129,.16); transform:translateY(-2px); }
.mc-word-tile.wrong { animation:shake .4s; border-color:#fb7185; }

.mc-writing-area { width:100%; min-height:170px; resize:vertical; margin:15px 0; padding:14px; border-radius:15px; border:1px solid rgba(148,163,184,.2); background:rgba(2,6,23,.72); color:#f8fafc; line-height:1.65; outline:none; }
.mc-coach-report { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:15px 0; }
.mc-coach-score { padding:12px; border-radius:13px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); }
.mc-coach-score b { display:block; font-size:19px; color:#a7f3d0; }.mc-coach-score span { font-size:9px; color:#94a3b8; }
.mc-feedback-list { display:grid; gap:8px; }.mc-feedback-item { padding:11px 13px; border-radius:11px; color:#cbd5e1; background:rgba(255,255,255,.035); font-size:12px; }

.mc-map { display:flex; gap:0; overflow:auto; padding:26px 8px 16px; }
.mc-map-node { position:relative; flex:0 0 125px; text-align:center; }
.mc-map-node:not(:last-child)::after { content:""; position:absolute; top:25px; left:65%; width:70%; height:3px; background:rgba(148,163,184,.18); }
.mc-map-node.done:not(:last-child)::after { background:linear-gradient(90deg,#34d399,#818cf8); }
.mc-map-dot { position:relative; z-index:1; display:grid; place-items:center; width:52px; height:52px; margin:auto; border-radius:50%; border:2px solid #475569; background:#0f172a; color:#64748b; }
.mc-map-node.done .mc-map-dot { color:#a7f3d0; border-color:#34d399; box-shadow:0 0 24px rgba(52,211,153,.18); }
.mc-map-node.active .mc-map-dot { color:#fff; border-color:#818cf8; animation:mcMapPulse 1.7s infinite; }
@keyframes mcMapPulse { 50% { box-shadow:0 0 0 10px rgba(129,140,248,.08); } }
.mc-map-node strong { display:block; margin-top:9px; font-size:10px; }.mc-map-node span { color:#64748b; font-size:9px; }

.mc-mission { padding:18px; border-radius:18px; border:1px solid rgba(251,191,36,.22); background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(99,102,241,.07)); }
.mc-mission-progress { height:8px; margin:12px 0; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.06); }
.mc-mission-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#fbbf24,#34d399); transition:width .4s ease; }
.mc-level-pill { display:inline-flex; gap:7px; align-items:center; padding:6px 10px; border-radius:99px; color:#c7d2fe; background:rgba(99,102,241,.12); font-size:10px; font-weight:800; }
.mc-level-immersion .card-tr:not(.revealed) { filter:blur(5px); opacity:.38; cursor:pointer; user-select:none; transition:.25s ease; }
.mc-level-immersion .card-tr:not(.revealed)::after { content:"Türkçeyi görmek için dokun"; filter:none; display:block; margin-top:7px; color:#a5b4fc; font-size:10px; }
.mc-level-immersion .card-tr.revealed { filter:none; opacity:1; }
.mc-correction-morph { animation:mcCorrectionMorph .85s cubic-bezier(.2,.85,.25,1) both!important; }
@keyframes mcCorrectionMorph {
    0% { opacity:0; transform:translateX(-24px) scale(.96); filter:blur(6px); }
    55% { opacity:1; transform:translateX(5px) scale(1.015); filter:blur(0); box-shadow:0 0 30px rgba(52,211,153,.2); }
    100% { transform:none; box-shadow:none; }
}

@media(max-width:850px){.mc-studio-grid{grid-template-columns:1fr 1fr}.mc-mouth-layout{grid-template-columns:1fr}.mc-coach-report{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mc-studio-grid{grid-template-columns:1fr}.mc-studio-shell{padding:8px}.mc-studio-body{padding:16px}.mc-advanced-launch{top:auto;right:12px;bottom:72px}.mc-scene-bubble{left:8%;top:8%;max-width:84%}}
@media(prefers-reduced-motion:reduce){.mc-pron-word.miss,.mc-advanced-launch i,.mc-scene-pulse,.mc-map-node.active .mc-map-dot{animation:none!important}}