:root{--dg-avatar:url("091bfdb0f5f4.png");--dg-mascot:url("ae05633ce41a.png")}
@font-face{font-family:"Nunito";src:url("141ac4261960.woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Nunito";src:url("c67f96573543.woff2");font-weight:400 900;font-display:swap}
/* DUGI • 2026 görsel yenileme. Son katman. DOM/ID/olay bağlantısı değişmez. */
:root,:root[data-band]{
 --bg:#f5f3fb;--panel:#fff;--primary:#6740b4;--primary-surface:#6740b4;--primary-l:#845acb;--primary-d:#47257f;
 --bubble-bot:#fff;--bubble-user:#6740b4;--text:#242438;--text-l:#626277;--line:#e4e0ee;--radius:22px;--input-radius:16px;
 --font:'Nunito',system-ui,sans-serif;--font-size:16px;--avatar-size:40px;--accent:#ffd66e;
 --vurgu-ink:var(--primary);--dg-soft:#eee8fb;--dg-shadow:0 4px 20px rgba(39,27,71,.055);--shadow:var(--dg-shadow);
 --ok:#176541;--hata:#b1253c;--uyari:#8e4a10;
}
:root[data-band="a"]{--bg:#fff9ef;--primary:#6750af;--primary-surface:#6750af;--bubble-user:#6750af;--dg-soft:#f1ebff;--line:#eae2d8;--font:'Andika','Nunito',sans-serif;--font-size:17px;--radius:24px}
:root[data-band="b"]{--bg:#f3f6fc;--primary:#3e54b5;--primary-surface:#3e54b5;--bubble-user:#3e54b5;--dg-soft:#e9edff;--line:#dfe5f1;--font:'Nunito',system-ui,sans-serif;--radius:20px}
:root[data-band="c"]{--bg:#f2f6f6;--primary:#17675d;--primary-surface:#17675d;--bubble-user:#17675d;--dg-soft:#e1f1ec;--line:#dce6e3;--font:'Archivo',system-ui,sans-serif;--radius:16px}
:root.dark,:root[data-band].dark{--bg:#141724;--panel:#202435;--bubble-bot:#23283b;--text:#f0f1fa;--text-l:#b8bdd0;--line:#3c4359;--primary:#c6b6fa;--primary-surface:#6740b4;--bubble-user:#6740b4;--dg-soft:#302c49;--shadow:0 4px 20px #0002;--ok:#84dfb5;--hata:#ffa5b6;--uyari:#ffda88;color-scheme:dark}
:root[data-band="b"].dark{--primary:#b8c6ff;--primary-surface:#3e54b5;--bubble-user:#3e54b5;--dg-soft:#283452}
:root[data-band="c"].dark{--primary:#90dbc9;--primary-surface:#17675d;--bubble-user:#17675d;--dg-soft:#233e3e}
html body{background:var(--bg);color:var(--text)}
html #app{background:var(--bg);position:relative;isolation:isolate}
html #header,html[data-band] #header,html.dark #header{background:var(--panel)!important;color:var(--text);border-bottom:1px solid var(--line);padding:12px;gap:7px;min-height:74px;box-shadow:none}
html #header .logo,html[data-band] #header .logo{color:var(--text);font-family:'Nunito',sans-serif;font-weight:900;min-width:64px;display:flex;align-items:center;gap:6px;font-size:16px}
html #header .logo img{width:34px;height:34px;flex:none;object-fit:contain;background:var(--dg-soft)!important;border-radius:12px!important;margin:0!important}
html #header .logo-kid{font-weight:900}
html #header .hdr-btn{background:var(--dg-soft)!important;color:var(--primary)!important;border:1px solid transparent;border-radius:14px;min-width:44px;width:44px;height:44px;flex-shrink:0;box-shadow:none;position:relative;transition:background .16s,transform .16s}
html #header #wallet-hud{min-height:44px;background:#fff0bf!important;border:1px solid #efdc9b!important;box-shadow:none!important;text-shadow:none!important;color:#61480f!important;padding:6px 9px!important;border-radius:14px!important}
html #header #break-hud{min-height:44px;color:var(--primary)!important;background:var(--dg-soft)!important;border:1px solid var(--line)!important;padding:6px 8px!important;border-radius:14px!important}
html #header #btnVeliDestek{background:#e3f5e9!important;color:#17633d!important}
html #messages,html[data-band] #messages,html[data-band].dark #messages{background:transparent;background-image:none;padding:24px 16px 30px;scroll-padding:20px;gap:14px}
html .msg{gap:10px;margin-bottom:13px}
html .msg .bubble{font-family:var(--font);line-height:1.65;border-radius:20px;padding:14px 17px;max-width:min(88%,640px);overflow-wrap:anywhere}
html .msg .bubble-bot,html[data-band] .msg .bubble-bot{background:var(--bubble-bot);color:var(--text);border:1px solid var(--line);border-top-left-radius:6px;box-shadow:var(--dg-shadow)}
html .msg .bubble-user{background:var(--bubble-user);color:#fff;border:0;border-bottom-right-radius:6px;box-shadow:0 4px 12px #34295b16}
html .msg .avatar{background:var(--dg-soft) var(--dg-avatar) center/contain no-repeat;border:1px solid var(--line);border-radius:14px;width:40px;height:40px;flex:0 0 40px;box-shadow:none}
/* Gerçek maskot yalnız sabit sohbet avatarında: konuşan SVG'nin ağız animasyonu korunur. */
html .msg .avatar>svg{visibility:hidden}
html .quick-replies{gap:9px;justify-content:flex-end;padding:5px 0 8px}
html .quick-replies .qr-btn,html[data-band] .quick-replies .qr-btn,html body.pre-reader .quick-replies .qr-btn,html body.early-reader .quick-replies .qr-btn{
 background:var(--panel)!important;color:var(--primary)!important;border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:0 3px 0 color-mix(in srgb,var(--primary) 13%,var(--panel))!important;
 font-family:var(--font)!important;font-size:15px!important;font-weight:700!important;min-height:48px;padding:12px 16px!important;white-space:normal;text-align:left;line-height:1.45;max-width:100%;transition:transform .16s,box-shadow .16s,background .16s
}
html body.pre-reader .quick-replies .qr-btn{font-size:19px!important;min-height:64px}
html body.early-reader .quick-replies .qr-btn{font-size:18px!important;min-height:56px}
html .quick-replies.coach-ctl{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:14px 0}
html .quick-replies.coach-ctl .qr-btn:first-child{grid-column:1/-1;background:var(--primary-surface)!important;color:#fff!important;border-color:var(--primary-surface)!important;min-height:62px;font-size:19px!important}
html .coach-ctl input{min-width:0;min-height:48px;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:15px!important}
html .coach-ctl button[type=submit]{min-width:48px;min-height:48px;border-radius:15px!important;background:var(--primary-surface)!important}
html :is(button,a,input,select,textarea,[role=button]):focus-visible{outline:3px solid var(--primary);outline-offset:3px}
html :is(button,input,textarea,select){font-family:inherit}
html #inputBar{background:var(--panel);border-top:1px solid var(--line);padding:12px 16px max(12px,env(safe-area-inset-bottom))}
html #userInput{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:16px;min-height:48px;font-size:16px}
html #btnSend{border-radius:15px;min-width:48px;min-height:48px;background:var(--primary-surface)}
html #veliAltSerit{background:var(--panel)!important;color:var(--text);border-top:1px solid var(--line);box-shadow:0 -6px 24px #29214008;padding:16px;min-height:76px;gap:12px}
html #veliAltSerit img{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--dg-soft)!important}
html #veliAltSeritMetin{font-size:15px;line-height:1.5}
html #veliAltSeritMetin b{color:var(--primary)}
/* Giriş kapısı: mevcut üç seçenek; aynı sırayla, daha belirgin rol seçimi. */
html:not([data-band]) body:not(.parent-ctx) #messages:has(>.quick-replies:nth-child(2)):not(:has(input))::before{
 content:"";display:block;width:100%;height:185px;flex-shrink:0;margin:0 auto 18px;background:var(--dg-mascot) center/auto 174px no-repeat,radial-gradient(ellipse at 50% 55%,var(--dg-soft) 0 39%,transparent 40%)
}
html:not([data-band]) body:not(.parent-ctx) #messages>.quick-replies{width:100%;display:grid;grid-template-columns:1fr}
html:not([data-band]) body:not(.parent-ctx) #messages>.quick-replies .qr-btn{min-height:62px;padding:17px 20px!important;font-size:16px!important}
html:not([data-band]) body:not(.parent-ctx) #messages>.quick-replies:nth-child(2) .qr-btn:first-child{background:var(--primary-surface)!important;color:#fff!important}
/* Veli: ikonların altında anlamları görünür. Gizli öğeler gösterilmez. */
html body.parent-ctx #header{min-height:85px;gap:8px}
html body.parent-ctx #header .hdr-btn{height:56px;min-width:51px;width:51px;align-items:flex-start;padding-top:8px}
html body.parent-ctx #header .hdr-btn::after{position:absolute;bottom:5px;left:0;right:0;font:800 10px 'Nunito',sans-serif;text-align:center;letter-spacing:0}
html body.parent-ctx #btnHelp::after{content:"Yardım"}
html body.parent-ctx #btnVeli::after{content:"Ayarlar"}
html body.parent-ctx #btnLogout::after{content:"Çıkış"}
html body.parent-ctx #btnVeliDestek::after{content:"Destek"}
html body.parent-ctx #messages>.quick-replies{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px;margin-top:10px}
html body.parent-ctx #messages>.quick-replies .qr-btn{min-height:80px;padding:16px!important;line-height:1.6}
/* Paneller: başlık / sekme / gövde ayrımı. Inline geçersiz kılmalar yalnız bu bileşenlerde. */
html :is(#statusPanel,#shopPanel,#yardimMenu){background:var(--bg)!important;color:var(--text)}
html :is(#statusPanel,#shopPanel)>div:first-child{background:var(--panel)!important;color:var(--text)!important;border-bottom:1px solid var(--line);min-height:70px}
html :is(#statusPanel,#shopPanel) .hdr-btn{min-width:44px;min-height:44px;background:var(--dg-soft)!important;color:var(--primary)!important;border-radius:13px}
html #statusBody{padding:20px 16px 30px!important}
html #statusTabs{gap:8px!important;background:var(--panel);padding:12px 16px!important;border-bottom:1px solid var(--line)}
html :is(#statusTabs,#shopTabs) button{min-height:44px;min-width:60px;border-radius:12px!important;font-family:var(--font)!important}
html .pc-kid{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--dg-shadow);margin-bottom:16px!important}
html .pc-kid>div:first-child{padding:16px!important}
html .pc-kid>div:nth-child(2){background:var(--dg-soft);padding:15px 8px!important}
html :is(.pc-kat-ozet,.help-card,.lesson-card,.tp-card,.wk-card,.interactive-card){border-radius:18px!important;border-color:var(--line)!important;box-shadow:var(--dg-shadow)}
html :is(.shop-act,.card-btn,.pc-drt,.pc-fikir,.raf-act,.raf-vaz,.vy-btn,.vm-pick){min-height:44px;border-radius:12px!important}
html :is(.kayit-adim,#messages) input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:48px;border-radius:13px!important;font-size:16px!important}
html .kayit-adim :is(button,select){min-height:48px}
html .kayit-adim label{line-height:1.55}
@media(hover:hover){
 html .quick-replies .qr-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--dg-soft)!important;color:var(--primary)!important;box-shadow:0 5px 0 color-mix(in srgb,var(--primary) 18%,var(--panel))!important}
 html #header .hdr-btn:hover{transform:translateY(-2px)}
}
html .quick-replies .qr-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none!important}
html button:disabled{cursor:not-allowed}
@media(min-width:900px){html #app{max-width:840px;border-inline:1px solid var(--line);box-shadow:0 0 90px #30265108}html #header{padding:15px 24px!important}html #messages{padding:32px 34px}html #header .logo{font-size:19px}}
@media(max-width:360px){html #header{gap:5px;padding:10px 8px!important}html #header .logo img{width:28px;height:28px}html #messages{padding-inline:12px}html .msg{gap:7px}html .msg .avatar{width:32px;height:32px;flex-basis:32px}html .msg .bubble{padding:12px 14px}html body.parent-ctx #header{gap:5px}}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Maskot için CSS yedeği: kaynak dökümlerdeki uzak görsel yüklenmese de görünür. */
html #header .logo img,html #veliAltSerit img,html #statusBody img[src$="dugi-avatar.png"]{content:var(--dg-avatar);object-fit:contain}
/* Her balona ayrı gölge yığmak yerine konuşma grubu içinde daha kısa aralık. */
html .msg-bot+.msg-bot{margin-top:-5px}
/* Veli teması kökteki eski satır içi turuncu renkleri gövde sınırında devralmaz. */
html body.parent-ctx{--primary:#6740b4;--primary-surface:#6740b4;--bubble-user:#6740b4;--vurgu-ink:var(--primary)}
html.dark body.parent-ctx{--primary:#c6b6fa;--primary-surface:#6740b4;--bubble-user:#6740b4}
/* Dürtme: anlamlı kısa karşılama; sürekli sallanma yok. */
html #durtmeSahne .dg-emoji{animation-iteration-count:2}

/* Başlık ikonları: metin/title ve olay hedefi korunur. */
html #header #btnStatus{font-size:0}html #header #btnStatus::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019V12m7%207V5m7%2014V9%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019V12m7%207V5m7%2014V9%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnHelp{font-size:0}html #header #btnHelp::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M9%209a3%203%200%200%201%206%200c0%202-3%202-3%204m0%203v.1%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M9%209a3%203%200%200%201%206%200c0%202-3%202-3%204m0%203v.1%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnLogout{font-size:0}html #header #btnLogout::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%204H5v16h4m0-8h11m-4-4%204%204-4%204%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%204H5v16h4m0-8h11m-4-4%204%204-4%204%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnVeli{font-size:0}html #header #btnVeli::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%203-.8%203-2.7%201-.2%203-2%202%202%202%20.2%203%202.7%201L9%2021h6l.8-3%202.7-1%20.2-3%202-2-2-2-.2-3-2.7-1L15%203Z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%203-.8%203-2.7%201-.2%203-2%202%202%202%20.2%203%202.7%201L9%2021h6l.8-3%202.7-1%20.2-3%202-2-2-2-.2-3-2.7-1L15%203Z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnAsk{font-size:0}html #header #btnAsk::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011a8%208%200%200%201-8%208H4l1-5a8%208%200%201%201%2015-3Z%22/%3E%3Cpath%20d%3D%22M8%2010h8m-8%204h5%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011a8%208%200%200%201-8%208H4l1-5a8%208%200%201%201%2015-3Z%22/%3E%3Cpath%20d%3D%22M8%2010h8m-8%204h5%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnSwitchChild{font-size:0}html #header #btnSwitchChild::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208h15l-4-4m5%2012H5l4%204%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208h15l-4-4m5%2012H5l4%204%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnDark{font-size:0}html #header #btnDark::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2015A9%209%200%200%201%209%204a9%209%200%201%200%2011%2011Z%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2015A9%209%200%200%201%209%204a9%209%200%201%200%2011%2011Z%22/%3E%3C/svg%3E") center/contain no-repeat}
html #header #btnTheme{font-size:0}html #header #btnTheme::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018c3%200%201-4%203-4h2a4%204%200%200%200%204-4A10%2010%200%200%200%2012%203Z%22/%3E%3Cpath%20d%3D%22M7%2010h.01M10%206h.01M15%207h.01M17%2011h.01%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018c3%200%201-4%203-4h2a4%204%200%200%200%204-4A10%2010%200%200%200%2012%203Z%22/%3E%3Cpath%20d%3D%22M7%2010h.01M10%206h.01M15%207h.01M17%2011h.01%22/%3E%3C/svg%3E") center/contain no-repeat}

html .msg .avatar{background-size:185%;background-position:center 5%}
/* Okuma / video / tamamlanma: aynı öğrenme yolunun üç kartı. */
html .rd-card[data-band],html .vd-card[data-band],html .cc-card[data-band]{
 --zemin:var(--bg);--kesik:var(--panel);--sayfa:var(--panel);--yuzey:var(--panel);--tahta:var(--primary);--tukenmez:var(--primary);--murekkep:var(--text);--kursun:var(--text);--kursun2:var(--text-l);--ikincil:var(--text-l);--hat:var(--line);--grid:var(--line);--guaj:#ffdf89;--fosforlu:#ffe9aa;--rd-accent:var(--primary-surface);--fd:var(--font);--fb:var(--font);--fm:var(--font);
 background:var(--panel)!important;background-image:none!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--dg-shadow)!important;font-family:var(--font)!important;overflow:hidden
}
html .rd-card[data-band]{margin:6px 0 18px}
html .rd-card[data-band] .rd-head{margin:0;padding:20px 18px 17px;border:0;border-bottom:1px solid var(--line);background:var(--dg-soft);gap:12px}
html .rd-card[data-band] .rd-head .t{font-family:var(--font);font-size:21px;line-height:1.35;font-weight:800;color:var(--text)}
html .rd-card[data-band] .rd-head .sub{color:var(--text-l);opacity:1;white-space:nowrap}
html .rd-card[data-band] .rd-body{padding:14px 18px 4px}
html .rd-card[data-band] .rd-para{line-height:1.85;font-size:17px}
html .rd-card[data-band="a"] .rd-para{font-size:19px}
html .rd-card[data-band] .rd-h{color:var(--primary);font-family:var(--font);font-size:20px;line-height:1.4;border:0;margin-top:20px}
html .rd-card[data-band] :is(.rd-kt,.rd-hl,.rd-co,.rd-ls,.rd-fm,.rd-ex,.rd-img){border-radius:15px;box-shadow:none;background:var(--bg);color:var(--text);border:1px solid var(--line);transform:none;padding:15px;margin:18px 0}
html .rd-card[data-band] .rd-kt{background:var(--dg-soft);font-family:var(--font)}
html .rd-card[data-band] .rd-hl{border-left:4px solid var(--primary)}
html .rd-card[data-band] :is(.rd-spd,.rd-play-blk,.rd-seg-play,.rd-done-btn,.rd-skip-btn){min-width:44px;min-height:44px;border-radius:12px;font-family:var(--font);box-shadow:none}
html .rd-card[data-band] .rd-spd{padding:7px 9px;color:var(--text-l);border:1px solid var(--line);background:var(--panel);font-size:13px}
html .rd-card[data-band] .rd-spd-active{color:var(--primary)!important;background:var(--dg-soft)!important;border-color:var(--primary)!important}
html .rd-card[data-band] .rd-play-blk{background:var(--primary-surface);color:#fff;font-size:13px;vertical-align:middle}
html .rd-card[data-band] .rd-play-blk.playing{background:var(--hata);color:var(--panel)}
html .rd-card[data-band] .rd-done-btn{font-family:var(--font);font-size:17px;font-weight:800;padding:15px;background:var(--primary-surface);color:#fff}
html .rd-card[data-band] .rd-skip-btn{color:var(--hata);opacity:1}
html .rd-card[data-band] .rd-nudge .bub{background:var(--dg-soft);color:var(--text)}
html .rd-card[data-band] .rd-cmp .col{background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:none}
html .cc-card[data-band]{padding:21px;gap:15px}
html .cc-card[data-band] .ok{width:46px;height:46px;border-radius:16px;background:var(--dg-soft);color:var(--primary);border:0;font-size:24px}
html .cc-card[data-band] .ttl{color:var(--text);font-family:var(--font);font-weight:800;font-size:20px;line-height:1.4}
html .cc-card[data-band] .res{color:var(--text-l);font-family:var(--font);font-size:15px}
html .cc-card[data-band] .xp{border-radius:999px;background:var(--dg-soft);color:var(--primary);padding:6px 12px;box-shadow:none;font-family:var(--font)}
html .cc-card[data-band].big{border-top:4px solid var(--primary)!important;background:var(--panel)!important}
html .cc-card[data-band].big :is(.ttl,.res){color:var(--text)}
html .vd-card[data-band] :is(button,.vd-play){min-height:48px;border-radius:14px!important}
html .vd-card[data-band] :is(.vd-head,.vd-body){font-family:var(--font)}
html .engine-container-wrap{border-radius:var(--radius)!important;overflow:hidden;border:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:var(--dg-shadow)}
html :is(.act-card,.cpq-box){border-radius:18px!important;border-color:var(--line)!important;background:var(--panel)!important;color:var(--text)}
html :is(.act-match-item,.act-sort-item,.act-drag-chip,.cpq-opt,.qz-opt){min-height:48px;border-radius:12px!important;font-family:var(--font)!important}
@media(max-width:380px){html .rd-card[data-band] :is(.rd-body,.rd-head){padding-inline:13px}html .rd-card[data-band] .rd-cmp .grid{grid-template-columns:1fr}}

/* Dugi v2 — bileşen düzeni; durum renkleri ve erişilebilir eylemler. */
html #messages{gap:0!important;overflow-x:hidden;scrollbar-width:thin}
html #messages :is(.msg,.bubble,.chat-card,.quick-replies,.coach-ctl,.rd-body,.vd-body){min-width:0}
html #messages :is(.bubble,.chat-card,.qr-btn,.rd-head .t,.cc-card .ttl){overflow-wrap:break-word;word-break:normal;hyphens:manual}
html #messages .bubble{max-width:calc(100% - 50px);font-size:16px;line-height:1.7}
html #messages .msg-user .bubble{max-width:87%}
html #messages .bubble :is(p,li){line-height:1.7}
html #messages :is(.bubble,.chat-card) :is(img,video,svg,canvas){max-width:100%}
html #messages .chat-card :is(table,pre){max-width:100%;overflow-x:auto}
html #messages .chat-card table{display:block}
html #messages .quick-replies:not(.dg-entry-choices){align-items:stretch}
html #messages .quick-replies .qr-btn{min-width:0;flex:0 1 auto;max-width:100%;white-space:normal!important;overflow-wrap:break-word;word-break:normal}
html .msg .avatar{background-size:235%;background-position:center 7%;border-radius:15px}
html #header .logo{overflow:visible;min-width:76px}
html #header .logo img{content:none;visibility:hidden;width:0!important;margin:0!important}
html #header .logo::before{content:"";width:36px;height:36px;flex:none;border-radius:13px;background:var(--dg-soft) var(--dg-avatar) center 7%/235% no-repeat}
html #header .logo #logoName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html .dg-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}
html .dg-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Giriş: uzun sohbet cümleleri yerine açıklamalı üç rol kartı. */
html #messages:has(>.dg-entry-choices){padding:18px 22px 30px!important;background:radial-gradient(ellipse at 95% 1%,var(--dg-soft),transparent 65%)!important}
html #messages:has(>.dg-entry-choices)::before{display:none!important}
html #messages:has(>.dg-entry-choices)>.msg:first-child{width:100%;margin:0!important}
html #messages:has(>.dg-entry-choices)>.msg:first-child>.avatar{display:none}
html #messages:has(>.dg-entry-choices)>.msg:first-child>.bubble{width:100%;max-width:100%;padding:0;background:transparent;border:0;box-shadow:none}
.dg-entry-intro{font-family:'Nunito',sans-serif;position:relative;padding:14px 0 20px;min-height:278px;isolation:isolate}
.dg-entry-intro::before{content:"";display:block;height:162px;background:var(--dg-mascot) center/auto 165px no-repeat;margin-bottom:13px}
.dg-entry-intro h1{font:900 31px/1.15 'Nunito',sans-serif;letter-spacing:-1px;text-align:center;color:var(--text);margin:0}
.dg-entry-intro p{font:600 15px/1.6 'Nunito',sans-serif;text-align:center;color:var(--text-l);max-width:30ch;margin:10px auto 0}
html #messages>.dg-entry-choices{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin-top:0!important;padding:0!important;width:100%;font-family:'Nunito',sans-serif}
html #messages>.dg-entry-choices .qr-btn{display:grid!important;grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:17px!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 5px 0 var(--line)!important;text-align:left;min-height:94px;font-family:'Nunito',sans-serif!important;color:var(--text)!important}
html #messages>.dg-entry-choices .qr-btn:first-child{background:#6a46b6!important;border-color:#6a46b6!important;box-shadow:0 5px 0 #49317d!important;color:#fff!important}
.dg-entry-symbol{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--dg-soft);color:var(--primary)}
.dg-entry-symbol .dg-icon{width:28px;height:28px}
html .dg-entry-choices .qr-btn:first-child .dg-entry-symbol{background:#ffffff20;color:#fff}
.dg-entry-label{display:block;min-width:0}
.dg-entry-label strong{display:block;font:900 19px/1.25 'Nunito',sans-serif}
.dg-entry-label small{display:block;font:600 13px/1.45 'Nunito',sans-serif;margin-top:5px;color:var(--text-l)}
.dg-entry-choices .qr-btn:first-child small{color:#eee7ff}
.dg-entry-arrow{font:500 26px/1 sans-serif;justify-self:end;opacity:.8}
html #messages>.dg-entry-choices .qr-btn:hover{transform:translateY(-2px);border-color:var(--primary)!important}
html #messages>.dg-entry-choices .qr-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)!important}
/* Açılan bildirim: bulanıklığın üzerinde okunur bir kart, net yanıtlar. */
html #durtmeSahne{padding:20px;background:#18132870!important;backdrop-filter:blur(8px);overflow-y:auto;overscroll-behavior:contain;align-items:center;animation:dgDialogIn .22s ease-out}
html #durtmeSahne>div{position:relative;box-sizing:border-box;width:min(100%,390px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px 24px!important;border-radius:30px;border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 100px #0e082c45;text-align:center;margin:auto}
html #durtmeSahne .dg-emoji{display:grid;place-items:center;width:96px;height:96px;font-size:44px;line-height:1;margin:0 auto 18px;background:var(--dg-soft);border-radius:28px;animation-iteration-count:1}
html #durtmeSahne .dg-emoji .dg-icon{width:50px;height:50px;color:var(--primary)}
html #durtmeSahne .dg-kim{margin:0;color:var(--primary);font:800 14px/1.5 'Nunito',sans-serif;letter-spacing:.02em}
html #durtmeSahne .dg-metin{max-width:none;font:800 23px/1.4 'Nunito',sans-serif;color:var(--text);margin:10px 0 18px;overflow-wrap:anywhere}
html #durtmeSahne .dg-saat{font:900 36px/1.2 'Nunito',sans-serif;color:var(--text);margin-bottom:12px}
html #durtmeSahne .dg-yanit{background:var(--dg-soft)!important;color:var(--primary)!important;border:1px solid var(--line)!important;min-height:48px;max-width:100%;padding:12px 15px!important;white-space:normal;font:800 15px/1.5 'Nunito',sans-serif!important;border-radius:14px!important;flex:1 1 120px;overflow-wrap:break-word;display:inline-flex;gap:8px;align-items:center;justify-content:center}
html #durtmeSahne .dg-not{font-size:12px;color:var(--text-l);margin:18px 0 0}
html #durtmeSahne .dg-dismiss{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:transparent;color:var(--text-l);border-radius:14px;display:grid;place-items:center;cursor:pointer}
html #durtmeSahne .dg-dismiss:hover{background:var(--dg-soft)}
html .xp-notif{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;text-align:left;padding:20px!important;background:var(--panel);border:1px solid var(--line);border-radius:23px;box-shadow:var(--dg-shadow);margin:16px 0}
html .xp-notif .stars{font-size:22px;letter-spacing:2px;color:#a16604}
html .xp-notif .score{font-size:25px;line-height:1.2;margin:0;color:var(--text);font-variant-numeric:tabular-nums}
html .xp-notif .xp-badge{background:var(--dg-soft);color:var(--primary);margin:0;padding:10px 12px;font-size:15px;white-space:nowrap}
html :is(.campus-toast,.notif){max-width:calc(100vw - 32px);overflow-wrap:anywhere}
@keyframes dgDialogIn{from{opacity:0}to{opacity:1}}
/* Menü, rapor ve ayrıntılarda içerik kadar büyüyebilen alanlar. */
html :is(#statusBody,#shopBody,#yardimMenu){overflow-x:hidden;overflow-wrap:break-word}
html :is(#statusBody,#shopBody,#yardimMenu) :is(button,summary,select){max-width:100%;white-space:normal;overflow-wrap:break-word;min-height:44px;line-height:1.45}
html .pc-kid>div:first-child>div:nth-child(2)>div:first-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
html #statusBody .pc-kid>div:nth-child(2){grid-template-columns:repeat(4,minmax(0,1fr))!important}
html :is(.rd-card,.vd-card,.cc-card){min-width:0}
html .rd-card[data-band] .rd-head{align-items:flex-start;flex-wrap:wrap;gap:8px}
html .rd-card[data-band] .rd-head .t{flex:1 1 180px;min-width:0}
html .rd-card[data-band] .rd-kt{display:block;line-height:1.8}
html .rd-card[data-band] .rd-head .sub{font-size:12px}
html .rd-card[data-band] .rd-body{padding:16px}
html .rd-card[data-band] .rd-play-blk{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0 8px 4px 0}
html .rd-card[data-band] .rd-img .rd-play-blk{position:relative;top:auto;right:auto;margin:0 0 8px}
html .rd-card[data-band] .rd-img svg{max-width:100%;height:auto}
html .cc-card[data-band] .body{min-width:0}
html .cc-card[data-band] .ok{flex-shrink:0}
html #messages .coach-ctl .qr-btn:first-child{min-height:76px;border-radius:21px!important;box-shadow:0 5px 0 color-mix(in srgb,var(--primary-surface) 75%,#121020)!important}
html #messages .coach-ctl input{width:0;flex:1 1 0%;min-width:0}
html .dark .xp-notif .stars{color:#ffcf72}
@media(min-width:800px){html #messages:has(>.dg-entry-choices){padding:40px 65px!important}html .dg-entry-intro::before{height:220px;background-size:auto 220px}html .dg-entry-intro h1{font-size:40px}html .dg-entry-intro p{font-size:17px}html #messages>.dg-entry-choices{max-width:510px;margin:10px auto 0!important}html .dg-entry-intro{min-height:345px}}
@media(max-width:360px){html #messages:has(>.dg-entry-choices){padding:10px 15px 22px!important}.dg-entry-intro{min-height:250px}.dg-entry-intro h1{font-size:28px}.dg-entry-intro::before{height:142px;background-size:auto 145px}html #messages>.dg-entry-choices .qr-btn{padding:14px!important;gap:11px;grid-template-columns:44px minmax(0,1fr) 12px}.dg-entry-symbol{width:44px;height:44px}.dg-entry-label strong{font-size:18px}.dg-entry-label small{font-size:12px}html .xp-notif{grid-template-columns:1fr auto}html .xp-notif .stars{grid-column:1/-1}html #durtmeSahne>div{padding:24px 18px!important}html #durtmeSahne .dg-metin{font-size:21px}html #statusBody .pc-kid>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:14px!important}}
@media(prefers-reduced-motion:reduce){html #durtmeSahne{animation:none}html #durtmeSahne .dg-emoji{animation:none}}
/* Kullanıcının kuşandığı veya kurumun belirlediği avatar, varsayılanın önüne geçer. */
html .msg .avatar.dg-custom-avatar{background-image:none;overflow:hidden}
html .msg .avatar.dg-custom-avatar>svg{visibility:visible;width:100%;height:100%}
/* Şehir: küçük neon yazılar yerine sakin bilgi katmanı. */
html .dg-city-panel{font-family:'Nunito',sans-serif!important}
html .dg-city-panel .dg-city-bar{background:#fcfbf6ed!important;color:#29283a!important;min-height:78px;padding:14px 16px!important;border-bottom:1px solid #ddd9e6;backdrop-filter:blur(12px)}
html .dg-city-panel .dg-city-bar button{background:#e9e3f6!important;color:#6746ae!important;min-width:44px;min-height:44px;border-radius:14px!important}
html .dg-city-panel .dg-city-bar>div{line-height:1.55!important}
html .dg-city-panel :is(button,.bsPlace,.dsLot){min-height:44px!important;font-family:'Nunito',sans-serif!important;line-height:1.5!important;white-space:normal;overflow-wrap:break-word}
html .dg-city-panel :is(#bsClose,#dsClose){min-width:44px;min-height:44px}
html :is(#cg-list,#cg-cats){gap:10px!important}
html #cg-list .cbtn{min-width:80px;min-height:74px;border-radius:17px!important}
html #cg-info{font-size:12px!important;line-height:1.5;white-space:normal}
html :is(#popup-upgrade,#popup-move,.building-popup){max-width:calc(100vw - 28px)!important;border-radius:22px!important;overflow-wrap:break-word;box-shadow:0 15px 60px #14132740}