/* noto-emoji-[0]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("3e99fd8bd4af.woff2") format("woff2"); unicode-range: U+1f1e6-1f1ff; } /* noto-emoji-[1]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("bf5c431419c7.woff2") format("woff2"); unicode-range: U+200d,U+2620,U+26a7,U+fe0f,U+1f308,U+1f38c,U+1f3c1,U+1f3f3-1f3f4,U+1f6a9,U+e0062-e0063,U+e0065,U+e0067,U+e006c,U+e006e,U+e0073-e0074,U+e0077,U+e007f; } /* noto-emoji-[2]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("2107ab0206c6.woff2") format("woff2"); unicode-range: U+23,U+2a,U+30-39,U+a9,U+ae,U+200d,U+203c,U+2049,U+20e3,U+2122,U+2139,U+2194-2199,U+21a9-21aa,U+23cf,U+23e9-23ef,U+23f8-23fa,U+24c2,U+25aa-25ab,U+25b6,U+25c0,U+25fb-25fe,U+2611,U+2622-2623,U+2626,U+262a,U+262e-262f,U+2638,U+2640,U+2642,U+2648-2653,U+2660,U+2663,U+2665-2666,U+2668,U+267b,U+267e-267f,U+2695,U+269b-269c,U+26a0,U+26a7,U+26aa-26ab,U+26ce,U+26d4,U+2705,U+2714,U+2716,U+271d,U+2721,U+2733-2734,U+2747,U+274c,U+274e,U+2753-2755,U+2757,U+2764,U+2795-2797,U+27a1,U+27b0,U+27bf,U+2934-2935,U+2b05-2b07,U+2b1b-2b1c,U+2b55,U+3030,U+303d,U+3297,U+3299,U+fe0f,U+1f170-1f171,U+1f17e-1f17f,U+1f18e,U+1f191-1f19a,U+1f201-1f202,U+1f21a,U+1f22f,U+1f232-1f23a,U+1f250-1f251,U+1f310,U+1f3a6,U+1f3b5-1f3b6,U+1f3bc,U+1f3e7,U+1f441,U+1f499-1f49c,U+1f49f-1f4a0,U+1f4ac-1f4ad,U+1f4b1-1f4b2,U+1f4b9,U+1f4db,U+1f4f2-1f4f6,U+1f500-1f507,U+1f515,U+1f518-1f524,U+1f52f-1f53d,U+1f549,U+1f54e,U+1f5a4,U+1f5e8,U+1f5ef,U+1f6ab,U+1f6ad-1f6b1,U+1f6b3,U+1f6b7-1f6bc,U+1f6be,U+1f6c2-1f6c5,U+1f6d0-1f6d1,U+1f6d7,U+1f6dc,U+1f7e0-1f7eb,U+1f7f0,U+1f90d-1f90e,U+1f9d1-1f9d2,U+1f9e1,U+1fa75-1fa77,U+1faaf; } /* noto-emoji-[3]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("6ecc87cd76d9.woff2") format("woff2"); unicode-range: U+200d,U+231a-231b,U+2328,U+23f0-23f3,U+2602,U+260e,U+2692,U+2694,U+2696-2697,U+2699,U+26b0-26b1,U+26cf,U+26d1,U+26d3,U+2702,U+2709,U+270f,U+2712,U+fe0f,U+1f302,U+1f321,U+1f392-1f393,U+1f3a9,U+1f3bd,U+1f3ee,U+1f3f7,U+1f3fa,U+1f451-1f462,U+1f484,U+1f489-1f48a,U+1f48c-1f48e,U+1f4a1,U+1f4a3,U+1f4a5,U+1f4b0,U+1f4b3-1f4b8,U+1f4bb-1f4da,U+1f4dc-1f4f1,U+1f4ff,U+1f508-1f514,U+1f516-1f517,U+1f526-1f529,U+1f52c-1f52e,U+1f550-1f567,U+1f56f-1f570,U+1f576,U+1f587,U+1f58a-1f58d,U+1f5a5,U+1f5a8,U+1f5b1-1f5b2,U+1f5c2-1f5c4,U+1f5d1-1f5d3,U+1f5dc-1f5de,U+1f5e1,U+1f5f3,U+1f6aa,U+1f6ac,U+1f6bd,U+1f6bf,U+1f6c1,U+1f6cb,U+1f6cd-1f6cf,U+1f6d2,U+1f6e0-1f6e1,U+1f6f0,U+1f97b-1f97f,U+1f9af,U+1f9ba,U+1f9e2-1f9e6,U+1f9ea-1f9ec,U+1f9ee-1f9f4,U+1f9f7-1f9ff,U+1fa71-1fa74,U+1fa79-1fa7b,U+1fa86,U+1fa8e-1fa8f,U+1fa91-1fa93,U+1fa96,U+1fa99-1faa0,U+1faa2-1faa7,U+1faaa-1faae; } /* noto-emoji-[4]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("8bf0b013d9c1.woff2") format("woff2"); unicode-range: U+265f,U+26bd-26be,U+26f3,U+26f8,U+fe0f,U+1f004,U+1f0cf,U+1f380-1f384,U+1f386-1f38b,U+1f38d-1f391,U+1f396-1f397,U+1f399-1f39b,U+1f39e-1f39f,U+1f3a3-1f3a5,U+1f3a7-1f3a9,U+1f3ab-1f3b4,U+1f3b7-1f3bb,U+1f3bd-1f3c0,U+1f3c5-1f3c6,U+1f3c8-1f3c9,U+1f3cf-1f3d3,U+1f3f8-1f3f9,U+1f47e,U+1f4e2,U+1f4f7-1f4fd,U+1f52b,U+1f579,U+1f58c-1f58d,U+1f5bc,U+1f6f7,U+1f6f9,U+1f6fc,U+1f93f,U+1f941,U+1f945,U+1f947-1f94f,U+1f9e7-1f9e9,U+1f9f5-1f9f6,U+1fa70-1fa71,U+1fa80-1fa81,U+1fa83-1fa85,U+1fa87-1fa8a,U+1fa94-1fa95,U+1fa97-1fa98,U+1faa1,U+1faa9,U+1fadf; } /* noto-emoji-[5]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("12fe65ebf664.woff2") format("woff2"); unicode-range: U+2693,U+26e9-26ea,U+26f1-26f2,U+26f4-26f5,U+26fa,U+26fd,U+2708,U+fe0f,U+1f301,U+1f303,U+1f306-1f307,U+1f309,U+1f310,U+1f3a0-1f3a2,U+1f3aa,U+1f3cd-1f3ce,U+1f3d5,U+1f3d7-1f3db,U+1f3df-1f3e6,U+1f3e8-1f3ed,U+1f3ef-1f3f0,U+1f488,U+1f492,U+1f4ba,U+1f54b-1f54d,U+1f5fa-1f5ff,U+1f680-1f6a2,U+1f6a4-1f6a8,U+1f6b2,U+1f6d1,U+1f6d5-1f6d6,U+1f6dd-1f6df,U+1f6e2-1f6e5,U+1f6e9,U+1f6eb-1f6ec,U+1f6f3-1f6f6,U+1f6f8,U+1f6fa-1f6fb,U+1f9bc-1f9bd,U+1f9ed,U+1f9f3,U+1fa7c; } /* noto-emoji-[6]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("562e711b0b5a.woff2") format("woff2"); unicode-range: U+200d,U+2615,U+fe0f,U+1f32d-1f330,U+1f336,U+1f33d,U+1f344-1f37f,U+1f382,U+1f52a,U+1f7e9,U+1f7eb,U+1f942-1f944,U+1f950-1f96f,U+1f99e,U+1f9aa,U+1f9c0-1f9cb,U+1fad0-1fadc; } /* noto-emoji-[7]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("4853e8420bcf.woff2") format("woff2"); unicode-range: U+200d,U+2600-2601,U+2603-2604,U+2614,U+2618,U+26a1,U+26c4-26c5,U+26c8,U+26f0,U+2728,U+2744,U+2b1b,U+2b50,U+fe0f,U+1f300,U+1f304-1f305,U+1f308,U+1f30a-1f30f,U+1f311-1f321,U+1f324-1f32c,U+1f331-1f335,U+1f337-1f33c,U+1f33e-1f344,U+1f3d4,U+1f3d6,U+1f3dc-1f3de,U+1f3f5,U+1f400-1f43f,U+1f490,U+1f4a7,U+1f4ae,U+1f525,U+1f54a,U+1f573,U+1f577-1f578,U+1f648-1f64a,U+1f6d8,U+1f940,U+1f980-1f9ae,U+1f9ba,U+1fa90,U+1faa8,U+1fab0-1fabf,U+1facd-1facf,U+1fae7; } /* noto-emoji-[8]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("50c7cacccd1c.woff2") format("woff2"); unicode-range: U+200d,U+2640,U+2642,U+2695-2696,U+26f7,U+26f9,U+2708,U+2764,U+27a1,U+fe0f,U+1f33e,U+1f373,U+1f37c,U+1f384-1f385,U+1f393,U+1f3a4,U+1f3a8,U+1f3c2-1f3c4,U+1f3c7,U+1f3ca-1f3cc,U+1f3eb,U+1f3ed,U+1f3fb-1f3ff,U+1f430,U+1f466-1f469,U+1f46b-1f478,U+1f47c,U+1f481-1f483,U+1f486-1f487,U+1f48b,U+1f48f,U+1f491,U+1f4bb-1f4bc,U+1f527,U+1f52c,U+1f574-1f575,U+1f57a,U+1f645-1f647,U+1f64b,U+1f64d-1f64e,U+1f680,U+1f692,U+1f6a3,U+1f6b4-1f6b6,U+1f6c0,U+1f6cc,U+1f91d,U+1f926,U+1f930-1f931,U+1f934-1f93a,U+1f93c-1f93e,U+1f977,U+1f9af-1f9b3,U+1f9b8-1f9b9,U+1f9bc-1f9bd,U+1f9cc-1f9cf,U+1f9d1-1f9df,U+1fa70,U+1fa82,U+1fac3-1fac5,U+1fac8,U+1faef; } /* noto-emoji-[9]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("94cec7aa3a7a.woff2") format("woff2"); unicode-range: U+200d,U+2194-2195,U+2603,U+261d,U+2620,U+2639-263a,U+2665,U+26a1,U+26c4,U+270a-270d,U+2728,U+2763-2764,U+2b50,U+fe0f,U+1f31a-1f31f,U+1f32b,U+1f389-1f38a,U+1f3fb-1f3ff,U+1f440-1f450,U+1f463-1f465,U+1f479-1f47b,U+1f47d-1f480,U+1f485,U+1f48b-1f48c,U+1f493-1f49f,U+1f4a2,U+1f4a4-1f4a6,U+1f4a8-1f4ab,U+1f4af,U+1f525,U+1f573,U+1f590,U+1f595-1f596,U+1f5a4,U+1f5e3,U+1f600-1f644,U+1f648-1f64a,U+1f64c,U+1f64f,U+1f90c-1f925,U+1f927-1f92f,U+1f932-1f933,U+1f970-1f976,U+1f978-1f97a,U+1f9a0,U+1f9b4-1f9b7,U+1f9bb,U+1f9be-1f9bf,U+1f9d0,U+1f9e0-1f9e1,U+1fa75-1fa79,U+1fac0-1fac2,U+1fac6,U+1fae0-1fae6,U+1fae8-1faea,U+1faef-1fafa; } /* noto-emoji-[10]-400-normal */ @font-face { font-family: 'Noto Emoji'; font-style: normal; font-display: swap; font-weight: 400; src:url("e54008d32e42.woff2") format("woff2"); unicode-range: U+1f6d9,U+1fa8b-1fa8d,U+1facc,U+1fadd,U+1faeb; } /* Dugi v3 / Editorial learning workspace. */ @font-face{font-family:DugiInter;src:url("521e24d1741e.woff2") format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+100-24F,U+1E00-1EFF,U+20A0-20AB} @font-face{font-family:DugiInter;src:url("1dc044f4824f.woff2") format('woff2');font-weight:400 800;font-display:swap} html body[data-dugi-experience]{--bg:#f5f4f1;--panel:#fff;--text:#25283c;--text-l:#666a78;--line:#e6e5e9;--primary:#6c53b2;--primary-surface:#6c53b2;--vurgu-ink:#65509e;--bubble-bot:#fff;--bubble-user:#34314d;--dg-soft:#efebf8;--dg-shadow:0 5px 22px #25283c06;--dx-dark:#29263e;--dx-mint:#e6f1ec;--dx-peach:#f9e8de;--dx-sand:#f5edda;--dx-sand-ink:#705829;--font:var(--dx-font,DugiInter),system-ui,sans-serif;font-family:var(--font);color:var(--text);background:var(--bg)} html.dark body[data-dugi-experience]{--bg:#171a24;--panel:#222632;--text:#ececf4;--text-l:#a6aabb;--line:#353b4c;--primary:#b4a0ee;--primary-surface:#735abb;--vurgu-ink:#c7b7f1;--bubble-bot:#222632;--bubble-user:#564578;--dg-soft:#36304d;--dx-dark:#2e2944;--dx-mint:#253e38;--dx-peach:#453330;--dx-sand:#423d2e;--dx-sand-ink:#e8dcbe} html [data-dugi-experience] #app{background:var(--bg);box-shadow:none;max-width:none;width:100%;height:100dvh;overflow:hidden} [data-dugi-experience] .dx-icon{width:22px;height:22px;display:inline-flex;flex:none;vertical-align:middle;align-items:center;justify-content:center} [data-dugi-experience] .dx-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} [data-dugi-experience] .dx-eyebrow{font:700 10px/1.5 var(--dx-font,DugiInter),sans-serif;letter-spacing:1.8px;color:var(--text-l);display:block} html [data-dugi-experience] #header{height:auto;min-height:78px;padding:14px 18px;gap:6px;background:var(--panel)!important;border-bottom:1px solid var(--line);z-index:30} html [data-dugi-experience] #header .logo{margin-right:auto;min-width:36px;color:var(--text);font:800 21px/1 var(--dx-font,DugiInter),sans-serif;letter-spacing:-1px} html [data-dugi-experience] #header .logo::before{width:34px;height:38px;background-color:transparent;border-radius:10px} html [data-dugi-experience] #header #logoName{display:block;font:800 21px/1 var(--dx-font,DugiInter),sans-serif} html [data-dugi-experience] #header .hdr-btn{width:40px;min-width:40px;height:46px;border-radius:12px;background:transparent!important;color:var(--text-l)!important;font-size:13px!important;padding:0!important;box-shadow:none!important;gap:4px} html [data-dugi-experience] #header .hdr-btn:hover{background:var(--dg-soft)!important;color:var(--primary)!important} html [data-dugi-experience] #header .hdr-btn::before,html [data-dugi-experience] #header .hdr-btn::after{display:none!important;content:none!important} html [data-dugi-experience] .dx-nav svg{display:block!important;visibility:visible!important} html [data-dugi-experience] .dx-nav-label{display:none;font-size:12px;font-weight:600;line-height:1.2} html [data-dugi-experience] #header #wallet-hud{background:var(--dx-sand)!important;color:var(--dx-sand-ink)!important;border:0!important;padding:6px 10px!important;font:700 12px var(--dx-font,DugiInter),sans-serif!important;min-height:36px!important;border-radius:10px!important} html [data-dugi-experience] #header #break-hud{background:var(--dg-soft)!important;color:var(--primary)!important;border:0!important;padding:6px 8px!important;min-height:36px!important;border-radius:10px!important} html [data-dugi-experience] #header #btnVeliDestek{color:#37715d!important;background:var(--dx-mint)!important} html [data-dugi-experience] #messages{padding:26px 20px 32px!important;background:var(--bg)!important;scroll-behavior:smooth} html [data-dugi-experience] .msg{gap:10px;margin-bottom:16px} html [data-dugi-experience] #messages .bubble{font-family:var(--dx-font,DugiInter),system-ui,sans-serif;font-size:15px;line-height:1.75;border-radius:4px 20px 20px 20px;padding:16px 18px;border-color:var(--line);box-shadow:none;max-width:calc(100% - 46px)} html [data-dugi-experience] #messages .bubble-user{background:var(--bubble-user)!important;color:#fff;border-radius:20px 4px 20px 20px;font-size:14px} html [data-dugi-experience] .msg .avatar{width:34px;height:36px;flex-basis:34px;border:0;background-color:transparent;border-radius:10px} html [data-dugi-experience] #inputBar{padding:12px 20px max(14px,env(safe-area-inset-bottom));border-top:0;background:var(--bg);gap:10px} html [data-dugi-experience] #userInput{font:14px/1.5 var(--dx-font,DugiInter),system-ui,sans-serif;border-radius:16px;background:var(--panel);padding:14px 16px;border:1px solid var(--line);box-shadow:0 3px 12px #20223504;min-height:50px} html [data-dugi-experience] #btnSend{background:var(--dx-dark);border-radius:16px;width:50px;height:50px;box-shadow:none} html [data-dugi-experience] #veliAltSerit{background:var(--panel)!important;border-top:1px solid var(--line);padding:14px 20px;min-height:72px;font:13px/1.6 var(--dx-font,DugiInter),sans-serif;color:var(--text)} html [data-dugi-experience] .quick-replies .qr-btn{font:600 14px/1.5 var(--dx-font,DugiInter),sans-serif!important;border-radius:14px!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important;min-height:48px;padding:13px 17px!important;transition:border-color .16s,box-shadow .16s,transform .16s} html [data-dugi-experience] .quick-replies .qr-btn:hover{border-color:#b9abd6!important;box-shadow:0 5px 16px #30234d0a!important;transform:translateY(-2px)} html [data-dugi-experience] .quick-replies .qr-btn:active{transform:translateY(0)} /* The home is a workspace. The conversation remains accessible behind its own control. */ html .dx-home:not(.dx-show-history) #messages>.msg{display:none!important} html .dx-home:not(.dx-show-history) #messages>.msg.dx-current{display:flex!important;margin:0 0 18px} html .dx-home #messages>.msg.dx-current .bubble{background:transparent!important;border:0;padding:0;font-size:13px;color:var(--text-l)!important;line-height:1.7;border-radius:0} html .dx-home #messages>.msg.dx-current .avatar{width:26px;height:30px;flex-basis:26px} .dx-home-intro{margin:0 0 14px} .dx-home-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px} .dx-history{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--text-l);font:500 11px var(--dx-font,DugiInter),sans-serif;cursor:pointer;min-height:32px;padding:0} .dx-history .dx-icon{width:16px;height:16px} .dx-feature{background:var(--dx-dark);border-radius:24px;position:relative;overflow:hidden;isolation:isolate;min-height:266px;display:flex;align-items:flex-start;color:#fff;padding:28px 25px} .dx-feature:after{content:"";position:absolute;right:-42px;top:-65px;width:260px;height:260px;border:1px solid #ffffff0e;border-radius:50%;z-index:-1;box-shadow:0 0 0 38px #ffffff03,0 0 0 80px #ffffff03} .dx-feature-copy{position:relative;z-index:2;width:100%} .dx-feature-tag{display:block;font:600 9px var(--dx-font,DugiInter),sans-serif;letter-spacing:2px;color:#d1c5ee;margin-bottom:17px} .dx-feature h1{margin:0;font:600 29px/1.14 var(--dx-font,DugiInter),sans-serif;letter-spacing:-1.35px;color:#fff;max-width:85%} .dx-feature h1 em{font-style:normal;color:#c8b9eb} .dx-feature p{font:400 12px/1.8 var(--dx-font,DugiInter),sans-serif;color:#d2cfdf;margin:15px 0 0;max-width:62%} .dx-feature-art{position:absolute;right:-25px;bottom:-18px;width:220px;opacity:.94;pointer-events:none} .dx-art{display:block;width:100%;height:auto;overflow:visible} .dx-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px} .dx-section-heading h2{font:700 17px/1.3 var(--dx-font,DugiInter),sans-serif;margin:0;letter-spacing:-.5px} .dx-section-heading>span{font:400 10px/1.4 var(--dx-font,DugiInter),sans-serif;color:var(--text-l);text-align:right;max-width:45%} html [data-dugi-experience] #messages>.dx-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0!important;margin:0;width:100%} html [data-dugi-experience] #messages>.dx-action-grid .qr-btn{grid-column:auto;background:var(--panel)!important;color:var(--text)!important;min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;position:relative;min-height:166px;padding:18px!important;border:1px solid var(--line)!important;border-radius:20px!important;font-size:14px!important;gap:15px} html [data-dugi-experience] #messages>.dx-action-grid .qr-btn:first-child:nth-last-child(3){grid-column:1/-1;flex-direction:row;align-items:center;min-height:100px;background:var(--panel)!important} .dx-action-symbol{width:43px;height:43px;border-radius:13px;background:var(--dg-soft);color:#6c54a6;display:grid;place-items:center;flex:none} [data-dx-tone=mint] .dx-action-symbol{background:var(--dx-mint);color:#3c7766} [data-dx-tone=peach] .dx-action-symbol{background:var(--dx-peach);color:#a8654f} [data-dx-tone=sand] .dx-action-symbol{background:var(--dx-sand);color:#99763c} .dx-action-copy{min-width:0;display:block;padding-right:10px} .dx-action-copy strong{display:block;font:650 14px/1.45 var(--dx-font,DugiInter),sans-serif;letter-spacing:-.25px} .dx-action-copy small{display:block;font:400 11px/1.5 var(--dx-font,DugiInter),sans-serif;color:var(--text-l);margin-top:6px} .dx-action-arrow{position:absolute;right:15px;top:18px;color:var(--text-l)} .dx-action-arrow .dx-icon{width:16px;height:16px} html [data-dugi-experience] #messages>.dx-action-grid .qr-btn:first-child:nth-last-child(3) .dx-action-arrow{top:50%;transform:translateY(-50%)} /* Role selection: composed brand scene and a separate sign-in surface. */ html .dx-entry #header{background:var(--bg)!important;border:0;min-height:65px} html .dx-entry #header .logo{font-size:23px} html .dx-entry #messages:has(>.dg-entry-choices){padding:0 22px 26px!important;background:var(--bg)!important;display:block} html .dx-entry #messages .dg-entry-intro{min-height:0;padding:22px 0 0;overflow:hidden} html .dx-entry .dg-entry-intro:before{display:none} html .dx-entry .dg-entry-intro>.dx-eyebrow{color:#8a778d;font-size:9px;text-align:left;letter-spacing:1.65px} html .dx-entry .dg-entry-intro h1{font:600 39px/1.06 var(--dx-font,DugiInter),sans-serif;text-align:left;letter-spacing:-2px;margin:18px 0 0;color:var(--text)} html .dx-entry .dg-entry-intro h1 em{font-style:normal;color:#8b75b9} html .dx-entry .dg-entry-intro p{font:400 12px/1.8 var(--dx-font,DugiInter),sans-serif;text-align:left;margin:15px 0 0;max-width:none;color:var(--text-l)} .dx-entry-scene{position:relative;height:185px;margin:-10px -12px -4px;isolation:isolate;pointer-events:none} .dx-entry-scene:before{content:"";position:absolute;right:15%;bottom:8px;width:190px;height:150px;background:#e5e0ec;border-radius:50%;z-index:-2} .dx-entry-scene>.dx-art{position:absolute;width:260px;left:0;bottom:-14px;opacity:.75} .dx-mascot{position:absolute;width:150px;height:195px;right:16%;bottom:0;background:var(--dg-mascot) center/contain no-repeat;filter:drop-shadow(0 12px 9px #33334414)} .dx-orbit-note{position:absolute;bottom:12px;right:0;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 20px #29263e08;border-radius:20px;padding:7px 12px;font:500 10px var(--dx-font,DugiInter),sans-serif;color:var(--text)} .dx-entry-steps{display:flex;gap:22px;padding:16px 0 20px;border-bottom:1px solid var(--line);font:400 10px var(--dx-font,DugiInter),sans-serif;color:#9b94a8} .dx-entry-steps b{color:var(--text-l);font-weight:500;margin-left:5px} html .dx-entry #messages>.dg-entry-choices{padding:20px 0 0!important;gap:9px!important;max-width:none!important} .dx-entry-title{padding-bottom:10px}.dx-entry-title>.dx-eyebrow{display:none} .dx-entry-title h2{font:650 24px/1.25 var(--dx-font,DugiInter),sans-serif;letter-spacing:-.9px;margin:0 0 6px;color:var(--text)} .dx-entry-title p{font:400 12px/1.6 var(--dx-font,DugiInter),sans-serif;margin:0;color:var(--text-l)} html .dx-entry #messages>.dg-entry-choices .qr-btn{grid-template-columns:40px minmax(0,1fr) 14px;gap:12px;min-height:82px;padding:14px 16px!important;border-radius:17px!important;box-shadow:none!important;background:var(--panel)!important;border:1px solid var(--line)!important;color:var(--text)!important} html .dx-entry #messages>.dg-entry-choices .qr-btn:nth-of-type(1){background:var(--dx-dark)!important;border-color:var(--dx-dark)!important;color:white!important} html .dx-entry .dg-entry-symbol{width:40px;height:40px;border-radius:12px;background:var(--dg-soft);color:var(--primary)} html .dx-entry .dg-entry-symbol .dg-icon{width:24px;height:24px} html .dx-entry .qr-btn:nth-of-type(1) .dg-entry-symbol{background:#ffffff13;color:#ded5f5} html .dx-entry .dg-entry-label strong{font:650 15px/1.3 var(--dx-font,DugiInter),sans-serif;letter-spacing:-.3px} html .dx-entry .dg-entry-label small{font:400 10px/1.5 var(--dx-font,DugiInter),sans-serif;margin-top:3px;color:var(--text-l)} html .dx-entry .qr-btn:nth-of-type(1) small{color:#cfc8df} html .dx-entry .dg-entry-arrow{font-size:22px;color:var(--text-l)} /* Panels: purposeful typographic hierarchy instead of equal purple rectangles. */ html [data-dugi-experience] #statusPanel,html [data-dugi-experience] #shopPanel{background:var(--bg)!important} html [data-dugi-experience] .dx-panel-head,html [data-dugi-experience] #shopHead{background:var(--panel)!important;padding:16px 18px!important;border-bottom:1px solid var(--line)!important;min-height:80px!important;gap:8px!important;font-family:var(--dx-font,DugiInter),sans-serif!important;box-shadow:none!important} html [data-dugi-experience] .dx-panel-head .hdr-btn{background:transparent!important;color:var(--text-l)!important;border-radius:12px!important;min-width:38px!important;width:38px!important;height:44px!important;flex-shrink:0} html [data-dugi-experience] .dx-panel-head .hdr-btn:hover{background:var(--dg-soft)!important;color:var(--primary)!important} html [data-dugi-experience] #statusBody{padding:24px 18px!important;background:var(--bg)!important;font-family:var(--dx-font,DugiInter),sans-serif!important} html [data-dugi-experience] #statusTabs{background:var(--panel)!important;padding:8px 16px 14px!important;border-bottom:1px solid var(--line)!important;gap:5px!important} html [data-dugi-experience] #statusTabs button{font:600 12px var(--dx-font,DugiInter),sans-serif!important;border-radius:10px!important;min-height:42px;background:transparent!important;color:var(--text-l)!important;box-shadow:none!important;border:0!important} html [data-dugi-experience] #statusTabs button.secili{background:var(--dx-dark)!important;color:#fff!important} html [data-dugi-experience] .pc-kid{border:1px solid var(--line)!important;border-radius:20px!important;background:var(--panel)!important;box-shadow:0 5px 20px #25283c04!important;margin-bottom:15px!important;position:relative;transition:box-shadow .15s,transform .15s} html [data-dugi-experience] .pc-kid:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25283c0b!important} html [data-dugi-experience] .pc-kid .dx-kid-head{padding:20px!important;gap:13px!important} html [data-dugi-experience] .dx-kid-head>div:first-child{border-radius:15px!important;width:47px!important;height:47px!important;background:var(--dg-soft)!important;color:var(--primary)!important;font:650 19px var(--dx-font,DugiInter),sans-serif!important} html [data-dugi-experience] .pc-kid:nth-of-type(3n) .dx-kid-head>div:first-child{background:var(--dx-mint)!important;color:#3e7465!important} html [data-dugi-experience] .pc-kid:nth-of-type(3n + 1) .dx-kid-head>div:first-child{background:var(--dx-peach)!important;color:#986550!important} html [data-dugi-experience] .dx-kid-head>div:nth-child(2)>div:first-child{font:650 16px/1.4 var(--dx-font,DugiInter),sans-serif!important;letter-spacing:-.4px} html [data-dugi-experience] .dx-kid-head>div:nth-child(2)>div:nth-child(2){font:400 11px/1.5 var(--dx-font,DugiInter),sans-serif!important;margin-top:3px!important;color:var(--text-l)!important} html [data-dugi-experience] .dx-kid-head>span{background:none!important;font-size:11px!important;padding:5px 0!important;color:var(--text-l)!important} html [data-dugi-experience] .pc-kid .dx-kid-stats{background:transparent!important;border-top:1px solid var(--line)!important;padding:16px 12px!important;gap:0!important} html [data-dugi-experience] .dx-kid-stats>div+div{border-left:1px solid var(--line)} html [data-dugi-experience] .dx-kid-stats>div>div:first-child{font:600 18px/1.4 var(--dx-font,DugiInter),sans-serif!important;letter-spacing:-.6px;color:var(--text)!important} html [data-dugi-experience] .dx-kid-stats>div>div:nth-child(2){font:400 10px/1.5 var(--dx-font,DugiInter),sans-serif!important;margin-top:3px!important;color:var(--text-l)!important} html [data-dugi-experience] #statusBody>div:first-child{border-radius:18px!important;box-shadow:none!important} /* Study / reading surfaces. */ html [data-dugi-experience] #messages .msg:has(.rd-card),html [data-dugi-experience] #messages .msg:has(.vd-card){display:block;width:100%;max-width:none} html [data-dugi-experience] .msg:has(.rd-card)>.avatar,html [data-dugi-experience] .msg:has(.vd-card)>.avatar{display:none} html [data-dugi-experience] #messages .bubble:has(.rd-card),html [data-dugi-experience] #messages .bubble:has(.vd-card){max-width:100%;padding:0;border:0;border-radius:22px;background:transparent} html [data-dugi-experience] .rd-card,html [data-dugi-experience] .vd-card{border-radius:22px!important;border:1px solid var(--line)!important;box-shadow:0 8px 28px #20223506!important;background:var(--panel)!important;overflow:hidden} html [data-dugi-experience] .rd-head{background:var(--dx-dark)!important;color:white!important;padding:28px 24px!important;position:relative;min-height:130px} html [data-dugi-experience] .rd-head:before{content:"OKUMA / KEŞFET";display:block;color:#bcaadf;font:600 9px var(--dx-font,DugiInter),sans-serif;letter-spacing:2px;margin-bottom:15px} html [data-dugi-experience] .rd-head .t{font:600 25px/1.25 var(--dx-font,DugiInter),sans-serif!important;letter-spacing:-1px;color:white!important;max-width:85%} html [data-dugi-experience] .rd-head .sub{font:400 11px var(--dx-font,DugiInter),sans-serif!important;color:#d1cadf!important;margin-top:12px} html [data-dugi-experience] .rd-body{padding:22px 24px 28px!important;background:var(--panel)!important;color:var(--text)} html [data-dugi-experience] .rd-h{font:650 20px/1.4 var(--dx-font,DugiInter),sans-serif!important;letter-spacing:-.5px;margin:26px 0 14px!important;color:var(--text)!important} html [data-dugi-experience] .rd-para{font:400 16px/1.95 var(--dx-font,DugiInter),sans-serif!important;color:var(--text)!important} html [data-dugi-experience] .rd-pb-bar{border:1px solid var(--line);border-radius:12px;padding:10px!important;gap:7px!important;opacity:1!important;font:400 10px var(--dx-font,DugiInter),sans-serif!important;background:var(--bg)} html [data-dugi-experience] .rd-spd{border-radius:7px!important;min-height:32px;min-width:34px;background:transparent!important;border:0!important;color:var(--text-l)!important;font:500 10px var(--dx-font,DugiInter),sans-serif!important} html [data-dugi-experience] .rd-spd-active{background:var(--panel)!important;color:var(--primary)!important;box-shadow:0 2px 4px #2022350a!important} html [data-dugi-experience] .rd-play-blk{border:1px solid var(--line)!important;background:var(--dg-soft)!important;color:var(--primary)!important;border-radius:12px!important} html [data-dugi-experience] .chat-card:not(.rd-card):not(.vd-card){border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 6px 24px #25283c05!important;overflow:hidden;background:var(--panel)!important;padding:22px!important} html [data-dugi-experience] .chat-card input:not([type=checkbox]):not([type=radio]),html [data-dugi-experience] .chat-card select{background:var(--bg)!important;border:1px solid var(--line)!important;min-height:50px;font:400 15px var(--dx-font,DugiInter),sans-serif!important;border-radius:12px!important;color:var(--text)!important} html [data-dugi-experience] .chat-card .card-btn{min-height:49px;border-radius:12px!important;font:600 14px var(--dx-font,DugiInter),sans-serif!important;box-shadow:none!important} html [data-dugi-experience] #shopTabs{background:var(--bg)!important;padding:18px!important;border:0!important} html [data-dugi-experience] .shop-tab{border-radius:10px!important;min-height:42px;font:600 12px var(--dx-font,DugiInter),sans-serif!important} html [data-dugi-experience] #shopBody{padding:0 18px 24px!important;gap:14px!important} html [data-dugi-experience] .dx-shop-card{border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:20px!important;padding:12px!important;box-shadow:none!important} html [data-dugi-experience] .dx-shop-art{height:112px!important;display:grid!important;place-items:center;border:0!important;border-radius:12px!important;background:var(--dg-soft)!important;color:var(--primary)!important;margin-bottom:16px!important;position:relative;overflow:hidden} html [data-dugi-experience] .dx-shop-card:nth-child(2n) .dx-shop-art{background:var(--dx-mint)!important;color:#457862!important} html [data-dugi-experience] .dx-shop-card:nth-child(3n) .dx-shop-art{background:var(--dx-sand)!important;color:#a57d3f!important} .dx-shop-art:before{content:"";width:80px;height:80px;border:1px solid currentColor;opacity:.12;position:absolute;transform:rotate(30deg);border-radius:24px} .dx-shop-art .dx-icon{width:42px;height:42px;filter:drop-shadow(0 6px 3px #20223512)} html [data-dugi-experience] .shop-act{font:600 12px/1.5 var(--dx-font,DugiInter),sans-serif!important;min-height:44px;border-radius:10px!important;background:var(--dx-dark)!important;color:white!important;margin-top:9px} html [data-dugi-experience] #shopNot{background:var(--panel)!important;border-top:1px solid var(--line)!important;font:400 11px/1.7 var(--dx-font,DugiInter),sans-serif!important;color:var(--text-l)!important;padding:15px 20px!important} /* Calm, readable interruption; reduced motion is respected. */ html [data-dugi-experience] #durtmeSahne{background:#17132673!important;backdrop-filter:blur(7px)!important} html [data-dugi-experience] #durtmeSahne>div{border-radius:28px!important;box-shadow:0 30px 100px #14112638!important;padding:36px 25px 25px!important;border:1px solid var(--line)!important;background:var(--panel)!important} html [data-dugi-experience] .dg-emoji{background:var(--dx-mint)!important;color:#407863!important;border-radius:26px!important;transform:rotate(-7deg);width:88px!important;height:88px!important;animation:none!important} html [data-dugi-experience] .dg-kim{font:650 19px var(--dx-font,DugiInter),sans-serif!important;color:var(--text)!important;margin:22px 0 12px!important} html [data-dugi-experience] .dg-kim:before{content:"VELİNDEN BİR MESAJ";display:block;font:600 9px var(--dx-font,DugiInter),sans-serif;letter-spacing:1.4px;color:var(--text-l);margin-bottom:9px} html [data-dugi-experience] .dg-metin{font:500 21px/1.5 var(--dx-font,DugiInter),sans-serif!important;color:var(--text)!important} html [data-dugi-experience] .dg-yanit{font:550 13px/1.5 var(--dx-font,DugiInter),sans-serif!important;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:none!important} html [data-dugi-experience] .dg-yanit:first-child{background:var(--dx-dark)!important;color:white!important;border-color:var(--dx-dark)!important} html [data-dugi-experience] .dg-not{font:400 10px var(--dx-font,DugiInter),sans-serif!important;color:var(--text-l)!important;margin-top:22px!important} html [data-dugi-experience] button:disabled{transform:none!important;box-shadow:none!important;opacity:.5} /* Desktop layout uses the real navigation elements, preserving their handlers. */ @media(min-width:1000px){ html [data-dugi-experience]:not(.dx-entry) #app{padding-left:216px;max-width:1600px;margin:auto} html [data-dugi-experience]:not(.dx-entry) #header{position:absolute;left:0;top:0;bottom:0;width:216px;padding:32px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--line);border-bottom:0;gap:7px} html [data-dugi-experience]:not(.dx-entry) #header .logo{flex:none;margin:0 0 28px;min-height:40px;gap:8px;padding:0 6px} html [data-dugi-experience]:not(.dx-entry) #header .logo #logoName{display:block} html [data-dugi-experience]:not(.dx-entry) #header .hdr-btn{width:100%;min-height:46px;flex:none;flex-direction:row!important;justify-content:flex-start;align-items:center;padding:0 14px!important;gap:12px!important;background:none!important;border-radius:12px} html [data-dugi-experience]:not(.dx-entry) #header .hdr-btn .dx-nav-label{display:block;font-size:12px} html [data-dugi-experience]:not(.dx-entry) #header #btnLogout{margin-top:auto;color:#a1868b!important} html [data-dugi-experience]:not(.dx-entry) #header #wallet-hud,html [data-dugi-experience]:not(.dx-entry) #header #break-hud{justify-content:center;margin:0 0 8px!important;padding:12px!important} html [data-dugi-experience]:not(.dx-entry) #messages{padding:36px max(38px,calc((100% - 1000px)/2)) 34px!important} html [data-dugi-experience] #messages>.msg{max-width:960px;margin-left:auto;margin-right:auto} html [data-dugi-experience] #inputBar,html [data-dugi-experience] #veliAltSerit{padding-left:max(38px,calc((100% - 1000px)/2));padding-right:max(38px,calc((100% - 1000px)/2))} .dx-feature{min-height:310px;padding:42px;border-radius:28px;align-items:center} .dx-feature-tag{font-size:10px;margin-bottom:23px} .dx-feature h1{font-size:42px;max-width:60%;letter-spacing:-2px} .dx-feature p{font-size:14px;max-width:52%;margin-top:22px} .dx-feature-art{width:390px;right:0;bottom:-10px} .dx-section-heading{margin-top:32px;margin-bottom:10px}.dx-section-heading h2{font-size:21px}.dx-section-heading>span{font-size:12px} html [data-dugi-experience] #messages>.dx-action-grid{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))} html [data-dugi-experience] #messages>.dx-action-grid .qr-btn:first-child:nth-last-child(3){grid-column:auto;flex-direction:column;align-items:flex-start;min-height:176px} html [data-dugi-experience] #messages>.dx-action-grid .qr-btn:first-child:nth-last-child(3) .dx-action-arrow{top:18px;transform:none} html [data-dugi-experience] #messages>.dx-action-grid .qr-btn{padding:24px!important;min-height:176px} html [data-dugi-experience].parent-ctx #messages>.dx-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))} html [data-dugi-experience].parent-ctx #messages>.dx-action-grid .qr-btn{flex-direction:row;align-items:center;min-height:116px;padding:24px!important} .dx-action-copy strong{font-size:15px}.dx-action-copy small{font-size:12px} html [data-dugi-experience] #statusPanel{max-width:none!important;width:calc(100% - 216px)!important;left:216px!important;right:0!important;transform:none!important} html [data-dugi-experience] #statusBody{padding:30px max(32px,calc((100% - 920px)/2))!important} html [data-dugi-experience] .dx-panel-head{padding:22px 32px!important;min-height:88px!important} html [data-dugi-experience] .dx-panel-head .dx-nav{width:auto!important;gap:7px;padding:0 10px!important} html [data-dugi-experience] .dx-panel-head .dx-nav-label{display:inline;font-size:11px} html [data-dugi-experience] #statusTabs{padding-left:32px!important;justify-content:flex-start} html [data-dugi-experience] #statusTabs button{max-width:130px!important} html [data-dugi-experience] .pc-kid .dx-kid-head{padding:23px!important} html [data-dugi-experience] .pc-kid .dx-kid-stats{padding:18px!important} html [data-dugi-experience] .dx-kid-stats>div>div:first-child{font-size:22px!important} html [data-dugi-experience] #messages .bubble:has(.rd-card){width:100%} html [data-dugi-experience] .rd-head{padding:35px 42px!important}.rd-head .t{font-size:32px!important} html [data-dugi-experience] .rd-body{padding:30px 42px!important} html .dx-entry #app{max-width:1600px;margin:auto} html .dx-entry #header{position:absolute;left:48px;top:20px;width:auto;z-index:3;background:transparent!important} html .dx-entry #messages:has(>.dg-entry-choices){height:100%;display:grid;grid-template-columns:1.12fr 1fr;gap:0;align-items:center;padding:0!important;overflow:auto} html .dx-entry #messages>.msg:first-child{align-self:stretch;display:flex!important;align-items:center;background:#eeeaf2;padding:105px 65px 60px!important;height:100%;min-height:760px} html.dark .dx-entry #messages>.msg:first-child{background:#282538} html .dx-entry #messages .dg-entry-intro{width:100%;padding:0;overflow:visible} html .dx-entry .dg-entry-intro h1{font-size:54px;letter-spacing:-2.8px;margin-top:23px} html .dx-entry .dg-entry-intro p{font-size:14px;margin-top:22px} .dx-entry-scene{height:280px;margin-top:15px} .dx-entry-scene:before{width:260px;height:220px;right:5%;bottom:15px;background:#e0d9ea} .dx-entry-scene>.dx-art{width:340px;left:-10px} .dx-mascot{width:210px;height:280px;right:5%} .dx-orbit-note{bottom:34px;right:0;padding:12px 18px;font-size:12px} .dx-entry-steps{margin-top:5px;font-size:11px;gap:30px;border-color:#d9d3e1;padding-bottom:0;border-bottom:0} html .dx-entry #messages>.dg-entry-choices{width:100%;padding:50px 65px!important;gap:14px!important;max-width:650px!important;justify-self:center} .dx-entry-title{padding-bottom:26px}.dx-entry-title>.dx-eyebrow{display:block;margin-bottom:19px;font-size:9px} .dx-entry-title h2{font-size:36px;margin-bottom:12px;letter-spacing:-1.3px}.dx-entry-title p{font-size:14px} html .dx-entry #messages>.dg-entry-choices .qr-btn{min-height:104px;padding:22px!important;grid-template-columns:46px minmax(0,1fr) 15px;gap:17px;border-radius:19px!important} html .dx-entry .dg-entry-label strong{font-size:18px}.dx-entry-label small{font-size:12px!important} html .dx-entry .dg-entry-symbol{width:46px;height:46px} html .dx-entry #messages>div:not(.msg):not(.dg-entry-choices){position:absolute;bottom:22px;right:22px} } @media(max-width:380px){html [data-dugi-experience] #header{padding:12px 10px;gap:3px}html [data-dugi-experience] #header .logo #logoName{display:none}html [data-dugi-experience] #header .hdr-btn{width:36px;min-width:36px}html [data-dugi-experience] #messages{padding:20px 14px 25px!important}.dx-feature{padding:25px 20px;min-height:272px}.dx-feature h1{font-size:26px}.dx-feature-art{width:175px;right:-15px;bottom:-5px}.dx-feature p{max-width:70%;font-size:11px}.dx-section-heading>span{font-size:9px}.dx-action-copy strong{font-size:13px}.dx-action-copy small{font-size:10px}html [data-dugi-experience] #messages>.dx-action-grid .qr-btn{padding:14px!important;gap:12px}.dx-home-top .dx-eyebrow{font-size:8px;letter-spacing:1px}.dx-history{font-size:10px}.dx-entry-scene{height:155px}.dx-mascot{height:170px;width:130px;right:11%}.dx-entry-scene>.dx-art{width:225px}.dx-entry-steps{gap:13px}html .dx-entry .dg-entry-intro h1{font-size:34px}.dx-entry-title h2{font-size:21px}html [data-dugi-experience] .dx-panel-head{padding:12px!important;gap:3px!important}html [data-dugi-experience] .dx-panel-head .hdr-btn{min-width:32px!important;width:32px!important}html [data-dugi-experience] .dx-kid-head>span{font-size:10px!important}html [data-dugi-experience] .dx-kid-head{padding:16px!important}html [data-dugi-experience] .dx-kid-stats>div>div:first-child{font-size:16px!important}html [data-dugi-experience] .rd-body{padding:20px 17px!important}html [data-dugi-experience] .rd-head{padding:25px 20px!important}html [data-dugi-experience] .rd-head .t{font-size:23px!important}} @media(prefers-reduced-motion:reduce){html [data-dugi-experience] *,html [data-dugi-experience] *:before,html [data-dugi-experience] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Early readers retain their larger, literacy-friendly content type. */ html [data-dugi-experience].pre-reader #messages .bubble,html [data-dugi-experience].early-reader #messages .bubble{font-family:Andika,sans-serif;font-size:18px;line-height:1.8} html [data-dugi-experience].pre-reader .dx-action-copy strong{font-size:18px} html [data-dugi-experience].pre-reader .dx-action-copy small{font-size:13px} html [data-dugi-experience] #header #logoName,html [data-dugi-experience] #header .logo-pre,html [data-dugi-experience] #header .logo-kid{color:var(--text)!important} html [data-dugi-experience] #messages>.quick-replies.dx-action-grid .qr-btn:first-child{box-shadow:none!important} html [data-dugi-experience] .dx-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Emoji',sans-serif!important;font-weight:400!important;line-height:1;display:inline;vertical-align:-.05em} html [data-dugi-experience] .dx-panel-head .dx-nav{background:none!important;box-shadow:none!important} html [data-dugi-experience] .dx-panel-head>div{font-family:var(--dx-font,DugiInter),sans-serif!important;font-size:19px!important;letter-spacing:-.5px;color:var(--text)} html [data-dugi-experience] #shopHead{font:650 19px var(--dx-font,DugiInter),sans-serif!important;letter-spacing:-.5px} html [data-dugi-experience] .shop-act .dx-emoji{font-size:12px} @media(max-width:999px){html [data-dugi-experience]:not(.dx-entry) #header .logo-pre,html [data-dugi-experience]:not(.dx-entry) #header .logo-kid{display:none!important}html [data-dugi-experience].parent-ctx #header .dx-nav{flex-direction:column}html [data-dugi-experience].parent-ctx #header .dx-nav-label{display:block;font-size:8px}html [data-dugi-experience].parent-ctx #header .hdr-btn{min-width:42px;width:42px;height:47px;gap:5px!important}html [data-dugi-experience].parent-ctx .dx-feature{min-height:234px}html [data-dugi-experience].parent-ctx .dx-feature h1{font-size:27px}html [data-dugi-experience].parent-ctx .dx-feature-art{width:186px;right:-12px;bottom:-15px}html [data-dugi-experience].parent-ctx #messages>.dx-action-grid .qr-btn{min-height:145px;padding:16px!important;gap:10px}html [data-dugi-experience].parent-ctx .dx-action-copy small{font-size:10px}.dx-entry #header #logoName{display:block}} @media(min-width:1000px){html [data-dugi-experience] #header .logo-pre{display:block!important;font-size:12px;font-weight:400;letter-spacing:0;margin:0 0 4px;color:var(--text-l)!important}html [data-dugi-experience] #header .logo-kid{display:block!important;font-size:18px}html [data-dugi-experience] #statusBody:has(>.pc-kid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;align-content:start}html [data-dugi-experience] #statusBody:has(>.pc-kid)>*{grid-column:1/-1;min-width:0}html [data-dugi-experience] #statusBody:has(>.pc-kid)>.pc-kid{grid-column:auto}}html [data-dugi-experience] #header .hdr-btn.dx-nav{text-align:center;align-content:center;vertical-align:middle} html [data-dugi-experience] #header .hdr-btn.dx-nav>.dx-icon{margin:0 auto} html [data-dugi-experience] #header #logoName:has(.logo-kid){min-width:0;width:auto} html [data-dugi-experience] .rd-card,html [data-dugi-experience] .vd-card{padding:0!important} html [data-dugi-experience] .rd-spd{padding:6px!important;min-width:32px!important;min-height:32px!important;height:32px!important} html [data-dugi-experience] .rd-pb-bar>span{white-space:nowrap} html [data-dugi-experience] .rd-para,.rd-pb-bar{font-family:var(--dx-font,DugiInter),'Apple Color Emoji','Segoe UI Emoji','Noto Emoji',sans-serif!important} html [data-dugi-experience] .dx-action-copy small{font-size:12px} html [data-dugi-experience].parent-ctx .dx-action-copy small{font-size:11px} html .dx-auth #messages>.msg:not(.dx-auth-active),html .dx-auth #messages>.dg-entry-choices{display:none!important} html .dx-auth #messages>.msg.dx-auth-active{margin:0 auto 18px;width:100%;max-width:480px;display:block} html .dx-auth .dx-auth-active>.avatar{display:none} html .dx-auth #messages>.msg.dx-auth-active>.bubble{max-width:100%;width:100%;padding:0;border:0;background:transparent;color:var(--text)!important} html .dx-auth #messages .chat-card{padding:25px!important;border-radius:22px!important} html .dx-auth #messages .chat-card>div:first-child{font:650 20px/1.4 var(--dx-font,DugiInter),sans-serif!important;letter-spacing:-.6px;padding-bottom:5px} .dx-auth-intro{max-width:480px;margin:5px auto 25px} .dx-auth-intro h1{font:600 31px/1.2 var(--dx-font,DugiInter),sans-serif;letter-spacing:-1.3px;margin:12px 0;color:var(--text)} .dx-auth-intro p{font:400 13px var(--dx-font,DugiInter),sans-serif;color:var(--text-l);margin:0} html .dx-auth #messages>.quick-replies{max-width:480px;margin:0 auto} @media(min-width:1000px){html [data-dugi-experience]:not(.dx-entry) #header .hdr-btn.dx-nav{text-align:left}html [data-dugi-experience] #header .hdr-btn.dx-nav>.dx-icon{margin:0;vertical-align:middle}html [data-dugi-experience] #header .dx-nav-label{display:inline!important;vertical-align:middle;margin-left:10px}.dx-auth-intro{margin:40px auto 28px}.dx-auth-intro h1{font-size:38px}html .dx-auth #header .logo{align-items:center}} @media(min-width:1000px){html [data-dugi-experience] #statusBody:has(>.pc-kid){grid-auto-rows:max-content!important;align-items:start}html [data-dugi-experience] #statusBody:has(>.pc-kid)>.pc-kid{min-height:180px;height:auto}html body[data-dugi-experience].dx-auth #app{padding-left:0!important}html body[data-dugi-experience].dx-auth #header{position:relative;width:100%;height:78px;min-height:78px;bottom:auto;flex-direction:row;padding:18px 36px;border-right:0;border-bottom:1px solid var(--line)}html body[data-dugi-experience].dx-auth #header .logo{margin:0}} html .dx-auth #messages>div:not(.msg):not(.quick-replies){display:none} html .dx-entry #messages>.msg:first-child>.bubble{max-width:100%!important;width:100%;overflow:visible} html.dark [data-dugi-experience] #header #btnVeliDestek{color:#a4d9c3!important} html[data-band=b] [data-dugi-experience]:not(.parent-ctx){--dx-dark:#28364d;--dg-soft:#e9edf6;--primary:#5275aa;--primary-surface:#456491} html[data-band=c] [data-dugi-experience]:not(.parent-ctx){--dx-dark:#253e3b;--dg-soft:#e4eeea;--primary:#48796c;--primary-surface:#396759} html[data-band=c] [data-dugi-experience] .dx-feature h1 em{color:#b7d6c6} html[data-band=b] [data-dugi-experience] .dx-feature h1 em{color:#c1d0ed} html.dark[data-band=b] [data-dugi-experience]:not(.parent-ctx){--dg-soft:#303c52;--primary:#b8c9ef} html.dark[data-band=c] [data-dugi-experience]:not(.parent-ctx){--dg-soft:#2c403a;--primary:#a6d4bf} /* Revision 04: one stable transcript column; message rows never shrink/center individually. */ @media(min-width:1000px){ html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages{padding-inline:max(38px,calc((100% - 960px)/2))!important} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg{width:100%;max-width:960px;min-width:0;flex:none;margin-left:auto;margin-right:auto;align-self:stretch;display:flex;justify-content:flex-start;align-items:flex-start} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg-user{justify-content:flex-end} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg>.bubble{width:fit-content;min-width:0;max-width:min(76%,680px);text-align:left} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg-user>.bubble{max-width:min(72%,620px)} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg:has(.chat-card)>.bubble{width:100%;max-width:calc(100% - 44px)} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg:has(.rd-card)>.bubble,html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.msg:has(.vd-card)>.bubble{max-width:100%} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>.quick-replies:not(.dx-action-grid),html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages>form.coach-ctl{width:100%;max-width:960px;margin-inline:auto;min-width:0} html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #inputBar,html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #veliAltSerit{padding-inline:max(38px,calc((100% - 960px)/2))!important} html body[data-dugi-experience] #inputBar #userInput{flex:1;min-width:0;width:auto;max-width:none} html body[data-dugi-experience] #messages>form.coach-ctl{justify-content:stretch!important;gap:10px} html body[data-dugi-experience] #messages>form.coach-ctl input{flex:1;min-width:0;width:auto!important;max-width:none!important} html body[data-dugi-experience] #messages>form.coach-ctl button{flex:none} } @media(min-width:1000px){ /* Programmatic chat updates land at the current step without a long intermediate scroll. */ html body[data-dugi-experience]:not(.dx-entry):not(.dx-auth) #messages{scroll-behavior:auto!important} } /* Revision 05 — a personal learning workspace, with real flow state. */ .dx5-primary{display:flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:13px;background:#dfcdfb;color:#30273e;padding:15px 20px;font:700 14px/1.4 inherit;min-height:50px;cursor:pointer;box-shadow:0 5px 20px #0002;margin-top:25px;max-width:100%;text-align:left}.dx5-primary:hover{background:#eee3ff;transform:translateY(-1px)}.dx5-primary span{font-size:22px}.dx5-context{color:#d6c9e7;font-size:12px;margin-top:12px}.dx5-subject-art{width:100%;height:auto;display:block;color:#d5c6e8}.dx-feature-art{position:relative}.dx5-guide{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:0 0 56px;border-radius:18px;background:#eee8f7}.dx5-guide .dx-mascot{position:static!important;display:block;width:44px!important;height:44px!important;filter:none!important;transform:none!important;background-size:contain!important;background-repeat:no-repeat;background-position:center}.dx-feature-art>.dx5-guide{position:absolute;right:20%;bottom:10%;width:76px;height:76px;border-radius:24px;background:#fff5;box-shadow:0 10px 25px #17132322;transform:rotate(7deg)}.dx-feature-art>.dx5-guide .dx-mascot{width:65px!important;height:65px!important}.dx5-guide i{position:absolute;width:9px;height:9px;background:#79ac95;border:2px solid #fff;border-radius:50%;right:3px;bottom:5px}.dx5-guide-thinking i{background:#c49a5d;animation:dx5-pulse 1s ease-in-out infinite alternate}.dx5-guide-explain{transform:rotate(-5deg)}.dx5-guide-celebrate{background:#e4efe5;animation:dx5-arrive .55s ease-out both}.dx5-guide-hint{background:#fcf0d9}.dx5-home-note{display:flex;gap:18px;align-items:center;margin:18px 0 25px;padding:17px 20px;border:1px solid var(--line,#ddd);border-radius:14px;font-size:12px;background:var(--surface,#fff)}.dx5-home-note b{color:var(--text,#332d40);white-space:nowrap}.dx5-home-note span{color:var(--text-muted,#756d80);line-height:1.7}.dx-home-intro[data-age=a] .dx5-primary{min-height:58px;font-size:16px}.dx-home-intro[data-age=c] .dx-feature{min-height:245px}.dx-home-intro[data-age=c] .dx-feature h1{font-size:clamp(28px,3vw,39px)}.dx-home-intro[data-age=c] .dx-feature-art>.dx5-guide{display:none}.dx5-parent-note{margin:20px 0 26px;padding:22px 26px;border-radius:16px;background:var(--surface,#fff);border:1px solid var(--line,#ddd);border-left:4px solid #8eb5a4}.dx5-parent-note h3{font-size:18px;letter-spacing:-.4px;margin:9px 0}.dx5-parent-note p{font-size:15px;margin:10px 0;color:var(--text,#433952)}.dx5-parent-note small{font-size:11px;color:var(--text-muted,#756b80)}.dx5-parent-caption{font-size:11px!important;color:var(--primary,#72559b)!important;margin:16px 0 0!important;padding-top:12px;border-top:1px solid var(--line,#ddd)} #dx5-journey{flex:none;padding:17px max(22px,calc((100% - 960px)/2));background:var(--surface,#fff);border-bottom:1px solid var(--line,#e4dfe9);color:var(--text,#352e42);min-width:0} .dx5-journey-head{display:flex;gap:15px;align-items:baseline;min-width:0}.dx5-journey-head>span{font-size:9px;letter-spacing:1.3px;color:var(--text-muted,#71667e);flex:none}.dx5-journey-head strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dx5-journey ol{display:flex;gap:7px;list-style:none;margin:12px 0 0;padding:0;overflow:auto;scrollbar-width:thin}#dx5-journey li{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line,#e4dfe9);border-radius:9px;font-size:11px;flex:none;color:var(--text-muted,#786d82)}#dx5-journey li>span{display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:var(--bg,#f2eff5);font-size:10px}#dx5-journey li.active{background:#ede4f9;border-color:#c7b5e2;color:#614780}#dx5-journey li.active>span{background:#745493;color:white}#dx5-journey li.done{background:#e7f1e9;color:#476c59}#dx5-journey li.done>span{background:#cbe1d2} .dx5-content-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;letter-spacing:.2px;margin-bottom:16px;color:var(--text-muted,#786c85)}.dx5-content-label .dx5-guide{width:37px;height:37px;flex-basis:37px;border-radius:11px}.dx5-content-label .dx-mascot{width:30px!important;height:30px!important}.dx5-thinking{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-muted,#71667e)}.dx5-thinking .dx5-guide{width:32px;height:32px;flex-basis:32px}.dx5-thinking .dx-mascot{width:28px!important;height:28px!important} html .cc-card.dx5-result{display:grid!important;grid-template-columns:auto 1fr!important;gap:16px!important;max-width:100%!important;padding:24px!important;border-radius:21px!important;background:var(--surface,#fff)!important;border:1px solid var(--line,#ded8e7)!important;box-shadow:0 8px 28px #31253e08!important;text-align:left!important;overflow:hidden}.dx5-result-head{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line,#ddd);font-size:10px;letter-spacing:1.4px;color:var(--text-muted,#796781)}html .cc-card.dx5-result .ok{background:#e9f2ea!important;color:#4f7c5d!important;width:34px!important;height:34px!important;font-size:18px!important;border-radius:50%!important;display:grid;place-items:center}html .cc-card.dx5-result .ttl{font-size:22px!important;line-height:1.3!important;letter-spacing:-.6px}html .cc-card.dx5-result .res{font-size:14px!important;line-height:1.65!important;margin-top:10px!important}html .cc-card.dx5-result .xp{display:inline-block;background:#f8efda!important;color:#80653b!important;padding:7px 12px!important;border-radius:8px!important;font-size:13px!important;margin-top:14px!important}.dx5-city-link{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr;gap:0 18px;align-items:center;border-top:1px solid var(--line,#ddd);padding-top:16px;margin-top:4px}.dx5-city-link>div{grid-row:1/3;background:#ece6f5;border-radius:14px}.dx5-city-link p{margin:0;font-size:13px}.dx5-city-link p span{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:var(--text-muted,#77697f)}.dx5-city-link button{justify-self:start;margin-top:11px;padding:8px 0;background:transparent;border:0;font-size:12px;color:var(--primary,#755491);font-weight:700;cursor:pointer}.dx5-result[data-outcome=skipped] .ok{display:none!important}.dx5-result[data-outcome=skipped] .body{grid-column:1/-1} .dx5-primary:focus-visible,.dx5-city-link button:focus-visible{outline:3px solid #bd94ed;outline-offset:4px}.dark #dx5-journey li.active{background:#443653;color:#eadcfb;border-color:#79638f}.dark #dx5-journey li.done{background:#2d483a;color:#d0e7d7}.dark .dx5-home-note,.dark .dx5-parent-note,.dark #dx5-journey,.dark .cc-card.dx5-result{background:#292635!important;color:#eee8f5!important}.dark .dx5-home-note b,.dark .dx5-parent-note p{color:#eee8f5}.dark .dx5-home-note span,.dark .dx5-result-head,.dark .dx5-parent-note small,.dark .dx5-city-link p span{color:#c0b3ce} @keyframes dx5-pulse{to{opacity:.35}}@keyframes dx5-arrive{from{transform:translateY(5px) rotate(-9deg)}to{transform:translateY(0) rotate(0)}} @media(max-width:700px){.dx5-home-note{display:block;padding:15px}.dx5-home-note span{display:block;margin-top:5px}.dx5-primary{width:100%;margin-top:18px}.dx5-parent-note{padding:18px}.dx5-parent-note h3{font-size:17px}.dx5-journey-head{display:block}.dx5-journey-head strong{display:block;margin-top:4px}#dx5-journey{padding:10px 16px}#dx5-journey ol{margin-top:8px}#dx5-journey li{padding:5px 8px;font-size:10px}.dx5-result-head{font-size:9px;letter-spacing:1px}html .cc-card.dx5-result{padding:17px!important;gap:12px!important}html .cc-card.dx5-result .ttl{font-size:19px!important}.dx5-city-link{grid-template-columns:65px 1fr;gap:0 12px}} @media(prefers-reduced-motion:reduce){.dx5-guide,.dx5-guide i,.dx5-primary{animation:none!important;transition:none!important;transform:none!important}} .dx5-primary{font-family:inherit;font-size:14px;font-weight:700;line-height:1.4}.dx5-primary .dx-emoji{font-family:inherit!important}.dx5-parent-caption strong,.dx5-parent-caption span{display:block}.dx5-parent-caption{padding:14px 16px!important;background:var(--bg,#f7f5f9);line-height:1.6}.dx5-parent-caption span{font-weight:400;color:var(--text-muted,#756d80);margin-top:3px}.dx-home-intro .dx-feature-copy{position:relative;z-index:1}.dx-home-intro .dx-feature-art{pointer-events:none}.dx-home-intro[data-age=a] .dx-feature-art{width:35%} @media(max-width:700px){.dx-home-intro .dx-feature{padding-bottom:26px}.dx-home-intro .dx-feature-copy{width:100%;max-width:100%}.dx-home-intro .dx-feature-art{display:none}.dx-home-intro .dx-feature p{max-width:100%}.dx-home-intro .dx-feature h1{max-width:100%;font-size:29px;overflow-wrap:anywhere}.dx-home-intro[data-age=a] .dx5-home-note{padding-left:20px;border-left:4px solid #bca5dc}} /* ═══ BANT KİMLİĞİ KORUMASI (04.10.2026) ═══════════════════════════════════ Revizyon 05 öğrenci ekranlarını tek bir mor/Inter görünüme topluyordu; yaş bantları kayboluyordu. Yeni düzen (yüzeyler, boşluklar, kartlar) korunur; her bant kendi ANA RENGİNİ, YAZI TİPİNİ ve zemin tonunu geri alır. A (1–4): Andika — tek katlı a/g, çocuğun yazdığı harf biçimi (bilerek seçildi). B (5–8): Atkinson Hyperlegible. C (9–12): Archivo. Veli (body.parent-ctx) ve giriş (bantsız) mor/Inter kalır. */ html[data-band=a] body[data-dugi-experience]:not(.parent-ctx){--dx-font:'Andika',DugiInter,'Apple Color Emoji','Segoe UI Emoji','Noto Emoji',sans-serif;--bg:#f7f0e3;--line:#e8dcc6;--primary:#2F7D5B;--primary-surface:#2F7D5B;--vurgu-ink:#245e45;--bubble-user:#2F7D5B;--dg-soft:#e3f0e8;--dx-dark:#24473a;--dx-sand:#f3e6cf;--dx-sand-ink:#705829} html[data-band=b] body[data-dugi-experience]:not(.parent-ctx){--dx-font:'Atkinson Hyperlegible',DugiInter,'Apple Color Emoji','Segoe UI Emoji','Noto Emoji',sans-serif;--bg:#eef0f4;--line:#d9dee7;--primary:#2B4CFF;--primary-surface:#2B4CFF;--vurgu-ink:#1f38cc;--bubble-user:#2B4CFF;--dg-soft:#e6eaff;--dx-dark:#1e2b66} html[data-band=c] body[data-dugi-experience]:not(.parent-ctx){--dx-font:'Archivo',DugiInter,'Apple Color Emoji','Segoe UI Emoji','Noto Emoji',sans-serif;--bg:#eef1f4;--line:#dde2e7;--primary:#17683a;--primary-surface:#1f8a4c;--vurgu-ink:#17683a;--bubble-user:#1f8a4c;--dg-soft:#e1f1e7;--dx-dark:#1b3a2a} html.dark[data-band=a] body[data-dugi-experience]:not(.parent-ctx){--bg:#1b1a17;--line:#3a352c;--primary:#7fd1a8;--primary-surface:#2F7D5B;--vurgu-ink:#9fe0bf;--bubble-user:#2F7D5B;--dg-soft:#24362d;--dx-dark:#23302a;--dx-sand:#3a3426;--dx-sand-ink:#e8dcbe} html.dark[data-band=b] body[data-dugi-experience]:not(.parent-ctx){--bg:#151925;--primary:#a9b8ff;--primary-surface:#2B4CFF;--vurgu-ink:#c3cdff;--bubble-user:#2B4CFF;--dg-soft:#252d4d} html.dark[data-band=c] body[data-dugi-experience]:not(.parent-ctx){--bg:#141a18;--primary:#8fdcb0;--primary-surface:#1f8a4c;--vurgu-ink:#a8e6c2;--bubble-user:#1f8a4c;--dg-soft:#203a2c} /* ═══ KULLANICI BALONU SIKIŞMASI (04.10.2026) ═════════════════════════════ .msg-user içeriğine göre daralıyor, balonun max-width'i de o daralmış satırın "%100 − 46px"i oluyordu → 390px'te "Sonra veriri/m" gibi kelime ortasından bölünme. Satır tam genişlik, balon sağa yaslı, sınır ekrana göre. */ html [data-dugi-experience]:not(.dx-auth):not(.dx-entry) #messages>.msg-user{display:flex!important;justify-content:flex-end;width:100%;max-width:none!important;align-self:stretch} html [data-dugi-experience] #messages>.msg-user>.bubble{max-width:min(85%,620px)!important;overflow-wrap:break-word;word-break:normal} /* ═══ VELİ ANA EKRANI (04.10.2026) ═════════════════════════════════════════ Teknolojiye uzak veli için ilk ekranda Dugi'nin KİŞİSEL mesajı ("Defne bu hafta çalışmamış, dürtelim mi?") ve eylemler görünür; büyük slogan kartı velide çizilmez (experience.ts). Mesaj soluk küçük yazı değil, okunur balon. */ html .dx-home.parent-ctx:not(.dx-show-history) #messages>.msg.dx-current{margin:0 0 10px} html .dx-home.parent-ctx #messages>.msg.dx-current .bubble{background:var(--bubble-bot)!important;border:1px solid var(--line)!important;padding:14px 16px!important;font-size:15px!important;color:var(--text)!important;line-height:1.6!important;border-radius:4px 18px 18px 18px!important} html .dx-home.parent-ctx #messages>.msg.dx-current .avatar{width:32px;height:32px;flex-basis:32px} /* Hero düğmesi bandın tonunu alır (lavanta yalnız bantsız/veli). */ html[data-band] body[data-dugi-experience]:not(.parent-ctx) .dx5-primary{background:var(--dg-soft);color:var(--dx-dark)} html[data-band] body[data-dugi-experience]:not(.parent-ctx) .dx5-primary:hover{background:#fff} html[data-band] body[data-dugi-experience]:not(.parent-ctx) .dx5-primary:focus-visible{outline-color:var(--primary)} /* Aynı daralma Dugi balonunda da: satır tam genişlik, balon içeriğine göre. */ html [data-dugi-experience]:not(.dx-auth):not(.dx-entry) #messages>.msg-bot{width:100%;max-width:none!important} @media (max-width:700px){html [data-dugi-experience] #messages>.msg-bot>.bubble{max-width:calc(100% - 46px)!important}} /* Adım şeridi: etkin adım bandın rengini alır. */ html[data-band] body[data-dugi-experience]:not(.parent-ctx) #dx5-journey li.active{background:var(--dg-soft);border-color:var(--primary);color:var(--vurgu-ink)} html[data-band] body[data-dugi-experience]:not(.parent-ctx) #dx5-journey li.active>span{background:var(--primary-surface);color:#fff} html.dark[data-band] body[data-dugi-experience]:not(.parent-ctx) #dx5-journey li.active{background:var(--dg-soft);color:var(--vurgu-ink)} html.dark[data-band] body[data-dugi-experience]:not(.parent-ctx) .dx5-primary{background:var(--primary-surface);color:#fff} html.dark[data-band] body[data-dugi-experience]:not(.parent-ctx) .dx5-primary:hover{background:var(--primary-surface);filter:brightness(1.1)} /* Veli destek düğmesi WhatsApp'a gider: veli onu WhatsApp YEŞİLİNDEN tanır (veli-sohbet kapısı bunu ölçer). Soluk nane tonu tanınırlığı kaybettiriyordu. */ html [data-dugi-experience] #header #btnVeliDestek,html.dark [data-dugi-experience] #header #btnVeliDestek{background:#25D366!important;color:#0b3d1f!important} /* ═══ SINAV ARKADAŞIM GEÇİŞİ (05.10.2026) ═════════════════════════════════ Düğme eski YEŞİL üst çubuk için beyaz yazılıydı → yeni beyaz çubukta görünmez. Dar telefonda üst çubuk taşıyor, Çıkış ekran dışına düşüyordu: orada çubuktan çıkar, ana ekranda büyük "Sınav Arkadaşım" kartı olarak durur (experience.ts). */ html [data-dugi-experience] #header #btnSinavGecis{border:1.5px solid var(--primary)!important;background:var(--dg-soft)!important;color:var(--vurgu-ink,var(--primary))!important;font:800 13px/1 var(--dx-font,DugiInter),sans-serif!important;min-height:40px} html [data-dugi-experience] #header #btnSinavGecis:focus-visible{outline:3px solid var(--primary)!important} /* ⚠️ GİZLEME KALDIRILDI (15.10.2026) — kullanıcı: "telefonu dik kullanınca Sınav Arkadaşım düğmesi görünmüyor, yan çevirince geliyor". Kural 05.10'da yazıldı: o gün üst çubuk ikonlarla doluydu, dar telefonda taşıyordu ve düğme "ana ekranda büyük kart olarak durur" varsayımıyla çubuktan çıkarıldı. İKİ ŞEY DEĞİŞTİ: 1) Yedek kart GELMİYOR. experience.ts onu yalnız sohbet "ana ekran" durumundayken üretiyor; yeni kabukta (body.kb-acik) o durum çoğu zaman oluşmuyor → dar telefonda sınav bölümüne HİÇBİR giriş kalmıyor. 2) Taşma sorunu bitti. Yeni kabukta ikonlar alt menüye taşındı; gerçek oturumda 390px'te başlıkta yalnız logo + alt menü + altın + bilet var. ÖLÇÜLDÜ (test, 8. sınıf öğrenci, 390x844): düğme açıkken 71px, x=178–249, taşma 0, ekran dışına düşen yok, kısmen kesilen yok. Dar ekranda zaten kısa etiket ("Sınav →") kullanılıyor. Çubuk ileride yeniden kalabalıklaşırsa çözüm gizlemek DEĞİL, yedek kartı kabuk durumundan bağımsız hale getirmek olmalı. */ /* ───────────────────────────────────────────────────────────────────────────── KUM ZEMİNDE MÜREKKEP KARANLIKTA TERS DÖNER (08.10.2026) ───────────────────────────────────────────────────────────────────────────── Kontrast kapısı testte kırmızı yandı: `#wallet-hud` karanlık kipte 1.61:1. Sebep, bu dosyanın üç yerinde zemin JETON (`--dx-sand`, karanlıkta #423d2e) ama mürekkep SABİT KODLU kahverengi olması. Ölçüldü: #wallet-hud #705829 → aydınlık 5.78 ✓ · karanlık 1.61 ✗ .dx-action-symbol #99763c → aydınlık 3.59 · karanlık 2.58 ✗ .dx-shop-art #a57d3f → aydınlık 3.21 · karanlık 2.89 ✗ Karanlıkta üçü de büyük-yazı eşiğini (3:1) bile geçmiyor. Rozet jetona bağlandı; diğer ikisinin AYDINLIK görünümüne dokunmadım (tasarım kararı bana ait değil), yalnız karanlık kipi okunur yaptım. ⚠️ Bu dosyaya kum zemin üstüne yeni bir renk yazarken `--dx-sand-ink` kullan; sabit kod yazan dördüncü yer aynı şekilde kırılır. */ html.dark [data-dugi-experience] [data-dx-tone=sand] .dx-action-symbol, html.dark [data-dugi-experience] .dx-shop-card:nth-child(3n) .dx-shop-art{color:var(--dx-sand-ink)!important}