/*
 * Dosya: tanitim-pop-up-frontend.css
 * Bağlı PHP: tanitim-pop-up.php
 * Alan: Frontend
 * Tür: Frontend CSS
 * Açıklama: Dobay AI Karşılama Litebox — premium giriş deneyimi, logo orb'u, hızlı promptlar ve asistan köprüsü.
 */

#dfaPromoOverlay,
#dfaPromoArrowLayer,
#dfaPromoModal,
#dfaPromoMount,
#dfaPromoModal *{ box-sizing:border-box; }
#dfaPromoMount{
    position:relative;
    z-index:999995;
    -webkit-tap-highlight-color:transparent;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
#dfaPromoOverlay{
    position:fixed;
    inset:0;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.08) 0%, transparent 28%),
        radial-gradient(circle at 84% 16%, rgba(255,255,255,.06) 0%, transparent 30%),
        linear-gradient(180deg, var(--dfa-promo-overlay-bg) 0%, rgba(7,10,24,.86) 100%);
    backdrop-filter:blur(18px) saturate(130%);
    -webkit-backdrop-filter:blur(18px) saturate(130%);
    opacity:0;
    visibility:hidden;
    transition:opacity .28s ease, visibility .28s ease;
    z-index:999997;
}
#dfaPromoOverlay.is-open{ opacity:1; visibility:visible; }
#dfaPromoArrowLayer{
    position:fixed;
    inset:0;
    z-index:999998;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .22s ease, visibility .22s ease;
}
#dfaPromoArrowLayer.is-open{ opacity:1; visibility:visible; }
#dfaPromoModal{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%, calc(-50% + 20px)) scale(.985);
    opacity:0;
    visibility:hidden;
    z-index:999999;
    width:min(calc(var(--dfa-promo-max-width) + 54px), calc(100vw - 42px));
    max-width:calc(100vw - 42px);
    max-height:calc(100dvh - 34px);
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.56) 0%, rgba(255,255,255,0) 38%),
        linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.86) 100%),
        var(--dfa-promo-modal-bg);
    border:1px solid var(--dfa-promo-border-soft);
    border-radius:var(--dfa-promo-radius);
    box-shadow:var(--dfa-promo-modal-shadow);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:0;
    scrollbar-width:none;
    padding:26px 26px 22px;
    padding-top:calc(26px + env(safe-area-inset-top));
    padding-right:calc(26px + env(safe-area-inset-right));
    padding-bottom:calc(22px + env(safe-area-inset-bottom));
    padding-left:calc(26px + env(safe-area-inset-left));
    overflow:hidden;
    isolation:isolate;
    transition:opacity .26s ease, transform .26s ease, visibility .26s ease;
    -ms-overflow-style:none;
}
#dfaPromoModal.is-open{
    opacity:1;
    visibility:visible;
    transform:translate(-50%, -50%) scale(1);
}
#dfaPromoModal::-webkit-scrollbar{ width:0; height:0; }
#dfaPromoModal::before{
    content:"";
    position:absolute;
    inset:-1px;
    background:
        radial-gradient(circle at 18% 18%, var(--dfa-promo-primary-glow) 0%, transparent 34%),
        radial-gradient(circle at 86% 14%, var(--dfa-promo-accent-glow) 0%, transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(15,23,42,.06) 0%, transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.54) 0%, rgba(255,255,255,0) 28%);
    pointer-events:none;
    z-index:0;
}
#dfaPromoModal::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:calc(var(--dfa-promo-radius) - 1px);
    border:1px solid rgba(255,255,255,.46);
    pointer-events:none;
    opacity:.7;
    z-index:0;
}
#dfaPromoModal[data-style="glow"]::before{
    background:
        radial-gradient(circle at 16% 12%, var(--dfa-promo-primary-strong) 0%, transparent 36%),
        radial-gradient(circle at 86% 14%, var(--dfa-promo-accent-strong) 0%, transparent 32%),
        radial-gradient(circle at 50% -8%, rgba(255,255,255,.48) 0%, transparent 34%);
}
#dfaPromoModal[data-style="minimal"]::before{
    background:
        linear-gradient(125deg, rgba(255,255,255,.34), rgba(255,255,255,0)),
        linear-gradient(90deg, var(--dfa-promo-primary-soft) 0%, var(--dfa-promo-accent-soft) 100%);
}
#dfaPromoModal[data-style="minimal"] .dfaPromoGlow{ display:none; }
#dfaPromoClose{
    position:absolute;
    top:16px;
    right:16px;
    width:40px;
    height:40px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.08);
    background:rgba(255,255,255,.86);
    color:#0f172a;
    font-size:22px;
    line-height:38px;
    text-align:center;
    cursor:pointer;
    z-index:3;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
#dfaPromoClose:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(2,6,23,.14); background:#fff; }
#dfaPromoClose:focus-visible,
#dfaPromoSecondary:focus-visible,
#dfaPromoVoiceToggle:focus-visible,
#dfaPromoInput:focus-visible,
#dfaPromoSend:focus-visible,
#dfaPromoMic:focus-visible,
.dfaPromoQuickItem:focus-visible{
    outline:2px solid var(--dfa-promo-primary-glow);
    outline-offset:2px;
}
.dfaPromoGlow{
    position:absolute;
    border-radius:50%;
    filter:blur(36px);
    opacity:.42;
    pointer-events:none;
    z-index:0;
}
#dfaPromoGlow1{ width:190px; height:190px; right:-46px; top:-44px; background:var(--dfa-promo-primary-glow); }
#dfaPromoGlow2{ width:156px; height:156px; left:-22px; bottom:-46px; background:var(--dfa-promo-accent-glow); }
.dfaPromoTopbar,
.dfaPromoOrbWrap,
.dfaPromoEyebrow,
#dfaPromoTitle,
#dfaPromoText,
#dfaPromoComposer,
#dfaPromoSyncHint,
#dfaPromoQuickList,
#dfaPromoFooter{
    position:relative;
    z-index:1;
}
.dfaPromoTopbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 52px 18px 0;
}
#dfaPromoBadge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:var(--dfa-promo-badge-bg);
    color:var(--dfa-promo-badge-text);
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    box-shadow:0 12px 24px rgba(15,23,42,.06);
}
#dfaPromoBadge::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:999px;
    background:currentColor;
    opacity:.8;
}
.dfaPromoIconBtn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:0 13px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.08);
    background:rgba(255,255,255,.84);
    color:#0f172a;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.dfaPromoIconBtn:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(2,6,23,.10); background:#fff; }
.dfaPromoIconBtn.is-disabled{ opacity:.58; cursor:not-allowed; box-shadow:none; }
.dfaPromoIconBtn__icon{ font-size:14px; }
.dfaPromoIconBtn__text{ font-size:12px; font-weight:700; letter-spacing:.01em; }
.dfaPromoOrbWrap{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:196px;
    height:196px;
    margin:10px auto 20px;
}
.dfaPromoOrbWrap::before,
.dfaPromoOrbWrap::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.dfaPromoOrbWrap::before{
    inset:18px;
    background:radial-gradient(circle, var(--dfa-promo-primary-glow) 0%, var(--dfa-promo-accent-glow) 42%, transparent 72%);
    filter:blur(18px);
    opacity:.95;
    animation:dfaPromoPulse 4.4s ease-in-out infinite;
}
.dfaPromoOrbWrap::after{
    inset:4px;
    background:conic-gradient(from 0deg, transparent 0deg, var(--dfa-promo-primary-strong) 82deg, transparent 156deg, transparent 214deg, var(--dfa-promo-accent-strong) 290deg, transparent 360deg);
    filter:blur(10px);
    opacity:.85;
    animation:dfaPromoRotate 9s linear infinite;
}
.dfaPromoOrb{
    position:relative;
    width:118px;
    height:118px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 50% 34%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.82) 52%, rgba(255,255,255,.22) 100%),
        linear-gradient(145deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.12) 100%);
    box-shadow:var(--dfa-promo-orb-shadow), 0 0 0 12px rgba(255,255,255,.22), 0 0 0 26px rgba(255,255,255,.08);
    overflow:hidden;
    isolation:isolate;
    backdrop-filter:blur(10px);
}
.dfaPromoOrb::before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:inherit;
    background:radial-gradient(circle at 50% 28%, rgba(255,255,255,.96), rgba(255,255,255,.68) 58%, rgba(255,255,255,.12));
    box-shadow:0 0 0 1px rgba(255,255,255,.82) inset;
    z-index:0;
}
.dfaPromoOrb::after{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:inherit;
    background:conic-gradient(from 0deg, transparent, rgba(255,255,255,.38), transparent, rgba(255,255,255,.18), transparent);
    filter:blur(10px);
    opacity:.92;
    animation:dfaPromoRotateReverse 12s linear infinite;
    z-index:0;
}
.dfaPromoOrb img{
    position:relative;
    z-index:1;
    width:86px;
    height:86px;
    object-fit:contain;
    transform:none;
    animation:dfaPromoLogoFloat 3.4s ease-in-out infinite;
    filter:drop-shadow(0 10px 22px rgba(124,58,237,.14));
}
.dfaPromoOrb span{
    position:relative;
    z-index:1;
    font-size:40px;
    font-weight:900;
    color:#fff;
    letter-spacing:.02em;
}
.dfaPromoOrbRing{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.20);
    box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
    backdrop-filter:blur(2px);
}
.dfaPromoOrbRing--one{
    animation:dfaPromoRotate 18s linear infinite;
    background:conic-gradient(from 90deg, transparent 0deg, rgba(255,255,255,.20) 50deg, transparent 108deg, transparent 200deg, rgba(255,255,255,.12) 244deg, transparent 300deg, transparent 360deg);
}
.dfaPromoOrbRing--two{
    inset:14px;
    animation:dfaPromoRotateReverse 14s linear infinite;
    background:conic-gradient(from 180deg, transparent 0deg, rgba(255,255,255,.12) 64deg, transparent 124deg, transparent 230deg, rgba(255,255,255,.18) 280deg, transparent 328deg, transparent 360deg);
}
.dfaPromoEyebrow{
    text-align:center;
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--dfa-promo-primary);
    margin:6px 0 12px;
}
#dfaPromoTitle{
    text-align:center;
    color:var(--dfa-promo-title);
    font-size:clamp(28px, 3vw, 42px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.03em;
    margin:0 0 12px;
}
.dfaPromoSpeechWrap{
    display:flex;
    justify-content:center;
    margin:0 auto 22px;
}
.dfaPromoTextBubble{
    position:relative;
    max-width:680px;
    min-height:64px;
    width:min(100%, 680px);
    padding:18px 22px;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,248,252,.94) 100%);
    border:1px solid rgba(255,255,255,.92);
    box-shadow:0 18px 34px rgba(56,18,44,.08), inset 0 1px 0 rgba(255,255,255,.84);
    color:var(--dfa-promo-text);
    font-size:15px;
    line-height:1.72;
    text-align:left;
}
.dfaPromoTextBubble::after{
    content:"";
    position:absolute;
    left:30px;
    bottom:-12px;
    width:24px;
    height:24px;
    background:inherit;
    border-right:1px solid rgba(255,255,255,.92);
    border-bottom:1px solid rgba(255,255,255,.92);
    transform:rotate(45deg);
    border-bottom-right-radius:8px;
    box-shadow:8px 8px 18px rgba(56,18,44,.04);
}
.dfaPromoTextTyping{
    display:inline;
    white-space:pre-wrap;
}
.dfaPromoTextBubble:not(.is-complete) .dfaPromoTextTyping::after{
    content:"";
    display:inline-block;
    width:9px;
    height:1.15em;
    margin-left:4px;
    vertical-align:-0.16em;
    border-radius:4px;
    background:linear-gradient(180deg, var(--dfa-promo-primary), var(--dfa-promo-accent));
    animation:dfaPromoCaretBlink 1s steps(1) infinite;
}
#dfaPromoComposer{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px;
    border-radius:30px;
    background:linear-gradient(180deg, rgba(248,250,252,.96) 0%, rgba(241,245,249,.92) 100%);
    border:1px solid rgba(203,213,225,.7);
    box-shadow:0 26px 48px rgba(2,6,23,.10), inset 0 1px 0 rgba(255,255,255,.82);
}
#dfaPromoInput{
    flex:1 1 auto;
    min-height:82px;
    max-height:168px;
    resize:none;
    border:none;
    background:transparent;
    padding:6px 2px;
    color:#334155;
    font-size:18px;
    line-height:1.55;
    outline:none;
}
#dfaPromoInput::placeholder{ color:#6b7280; }
.dfaPromoComposerBtn{
    flex:0 0 auto;
    min-width:56px;
    height:56px;
    border:none;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 100%);
    color:#0f172a;
    box-shadow:0 12px 26px rgba(2,6,23,.08);
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.dfaPromoComposerBtn:hover{ transform:translateY(-1px); box-shadow:0 16px 30px rgba(2,6,23,.14); }
.dfaPromoComposerBtn--mic{
    position:relative;
    overflow:hidden;
    border-radius:20px;
}
.dfaPromoComposerBtn__pulse{
    position:absolute;
    inset:auto;
    width:12px;
    height:12px;
    border-radius:999px;
    background:rgba(236,72,153,.16);
    box-shadow:0 0 0 0 rgba(236,72,153,.24);
    animation:dfaPromoMicPulse 2.4s ease-in-out infinite;
}
.dfaPromoComposerBtn__micicon,
.dfaPromoComposerBtn__icon,
.dfaPromoIconBtn__icon svg{ width:20px; height:20px; display:inline-flex; }
.dfaPromoComposerBtn__micicon{
    position:relative;
    z-index:1;
    width:22px;
    height:22px;
    color:#111827;
}
.dfaPromoComposerBtn--primary{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-width:190px;
    height:58px;
    padding:0 14px 0 22px;
    border:1px solid rgba(255,255,255,.34);
    background:linear-gradient(135deg, var(--dfa-promo-primary) 0%, var(--dfa-promo-accent) 100%);
    color:var(--dfa-promo-btn-text);
    box-shadow:0 20px 40px var(--dfa-promo-button-shadow), inset 0 1px 0 rgba(255,255,255,.22);
    font-size:14px;
    font-weight:900;
    letter-spacing:.01em;
}
.dfaPromoComposerBtn--primary::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 18%, rgba(255,255,255,.24) 40%, rgba(255,255,255,0) 62%);
    transform:translateX(-120%);
    animation:dfaPromoPrimaryBtnSheen 4.8s ease-in-out infinite;
    pointer-events:none;
    z-index:0;
}
.dfaPromoComposerBtn__label,
.dfaPromoComposerBtn__icon{ position:relative; z-index:1; }
.dfaPromoComposerBtn__label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
}
.dfaPromoComposerBtn__icon{
    width:34px;
    height:34px;
    margin-left:10px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(56,6,54,.18);
    font-size:16px;
    backdrop-filter:blur(8px);
}
#dfaPromoSecondary.is-hidden{ display:none !important; }
#dfaPromoMic.is-hidden{ display:none; }
#dfaPromoSyncHint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:var(--dfa-promo-note);
    font-size:12px;
    line-height:1.5;
    margin:12px 0 18px;
    text-align:center;
}
#dfaPromoSyncHint::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:999px;
    background:linear-gradient(135deg, var(--dfa-promo-primary), var(--dfa-promo-accent));
    box-shadow:0 0 0 5px rgba(11,124,131,.10);
}
#dfaPromoQuickList{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
}
.dfaPromoQuickItem{
    min-height:46px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.82) 100%);
    color:#0f172a;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 12px 24px rgba(2,6,23,.06);
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.dfaPromoQuickItem:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 28px rgba(2,6,23,.10);
    border-color:rgba(11,124,131,.18);
    background:#fff;
}
#dfaPromoFooter{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-top:22px;
}
#dfaPromoNote{
    flex:1 1 auto;
    color:var(--dfa-promo-note);
    font-size:12px;
    line-height:1.6;
}
#dfaPromoSecondary{
    flex:0 0 auto;
    min-height:48px;
    padding:0 18px;
    border-radius:15px;
    border:1px solid var(--dfa-promo-btn2-border);
    background:var(--dfa-promo-btn2-bg);
    color:var(--dfa-promo-btn2-text);
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease;
}
#dfaPromoSecondary:hover{ transform:translateY(-1px); box-shadow:0 10px 20px rgba(2,6,23,.08); }
.dfa-arrow-path{
    stroke:rgba(255,255,255,.96);
    stroke-width:3;
    stroke-linecap:round;
    stroke-dasharray:9 9;
    fill:none;
    filter:drop-shadow(0 2px 10px rgba(0,0,0,.28));
}
.dfa-arrow-head,
.dfa-arrow-dot{
    fill:rgba(255,255,255,.96);
    filter:drop-shadow(0 2px 10px rgba(0,0,0,.28));
}
@keyframes dfaPromoRotate{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes dfaPromoRotateReverse{ from{ transform:rotate(360deg); } to{ transform:rotate(0deg); } }
@media (max-width: 1180px){
    #dfaPromoArrowLayer{ display:none !important; }
}
@media (max-width: 991px){
    #dfaPromoModal{
        width:calc(100vw - 28px);
        max-width:calc(100vw - 28px);
        max-height:calc(100dvh - 26px);
        padding:24px 22px 20px;
        padding-top:calc(24px + env(safe-area-inset-top));
        padding-right:calc(22px + env(safe-area-inset-right));
        padding-bottom:calc(20px + env(safe-area-inset-bottom));
        padding-left:calc(22px + env(safe-area-inset-left));
        overflow:hidden;
    }
    .dfaPromoTopbar{ margin-right:50px; }
    .dfaPromoOrbWrap{ width:168px; height:168px; margin-bottom:16px; }
    .dfaPromoOrb{ width:102px; height:102px; }
    .dfaPromoOrb img{ width:74px; height:74px; }
    #dfaPromoTitle{ font-size:clamp(26px, 4vw, 36px); }
    #dfaPromoText{ font-size:14px; line-height:1.66; }
}
@media (max-width: 767px){
    #dfaPromoOverlay{
        backdrop-filter:blur(16px) saturate(118%);
        -webkit-backdrop-filter:blur(16px) saturate(118%);
    }
    #dfaPromoModal{
        left:0;
        top:0;
        bottom:auto;
        transform:translate3d(0, 18px, 0) scale(.985);
        width:100vw;
        min-width:100vw;
        max-width:100vw;
        height:100dvh;
        min-height:100dvh;
        max-height:100dvh;
        border-radius:0;
        padding:18px 16px 18px;
        padding-top:calc(18px + env(safe-area-inset-top));
        padding-right:calc(16px + env(safe-area-inset-right));
        padding-bottom:calc(18px + env(safe-area-inset-bottom));
        padding-left:calc(16px + env(safe-area-inset-left));
        overflow-y:auto;
        overflow-x:hidden;
        overscroll-behavior-y:contain;
        scrollbar-width:thin;
        scrollbar-color:rgba(15,23,42,.26) rgba(255,255,255,.12);
    }
    #dfaPromoModal::-webkit-scrollbar{ width:8px; height:8px; }
    #dfaPromoModal::-webkit-scrollbar-track{ background:rgba(255,255,255,.14); border-radius:999px; }
    #dfaPromoModal::-webkit-scrollbar-thumb{ background:linear-gradient(180deg, var(--dfa-promo-primary) 0%, var(--dfa-promo-accent) 100%); border-radius:999px; border:2px solid rgba(255,255,255,.12); }
    #dfaPromoModal.is-open{ transform:translate3d(0, 0, 0) scale(1); }
    .dfaPromoTopbar{ margin-right:44px; align-items:flex-start; position:sticky; top:0; z-index:2; padding-bottom:8px; backdrop-filter:blur(10px); }
    .dfaPromoIconBtn__text{ display:none; }
    .dfaPromoOrbWrap{ width:150px; height:150px; margin:8px auto 16px; }
    .dfaPromoOrb{ width:92px; height:92px; }
    .dfaPromoOrb img{ width:66px; height:66px; }
    .dfaPromoEyebrow{ font-size:11px; letter-spacing:.10em; }
    #dfaPromoTitle{ font-size:clamp(24px, 8vw, 32px); }
    #dfaPromoText{ margin-bottom:16px; }
    #dfaPromoComposer{ flex-wrap:wrap; border-radius:24px; }
    .dfaPromoSpeechWrap{ margin-bottom:18px; }
    .dfaPromoTextBubble{ padding:16px 18px; border-radius:20px; }
    .dfaPromoComposerBtn--primary{ width:100%; justify-content:center; }
    #dfaPromoInput{ width:100%; min-height:60px; font-size:16px; padding:4px 2px 0; }
    #dfaPromoSend{ flex:1 1 auto; min-width:0; }
    #dfaPromoFooter{ flex-direction:column; align-items:stretch; padding-bottom:6px; }
    #dfaPromoSecondary{ width:100%; }
    #dfaPromoQuickList{ justify-content:flex-start; }
}
@media (max-width: 420px){
    #dfaPromoClose{ top:12px; right:12px; }
    #dfaPromoBadge{ max-width:calc(100% - 8px); }
    #dfaPromoQuickList{ gap:8px; }
    .dfaPromoQuickItem{ width:100%; justify-content:center; }
}
@media (pointer: coarse){
    #dfaPromoClose:hover,
    .dfaPromoIconBtn:hover,
    .dfaPromoComposerBtn:hover,
    .dfaPromoQuickItem:hover,
    #dfaPromoSecondary:hover{ transform:none; }
}
@keyframes dfaPromoLogoFloat{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
}
@keyframes dfaPromoPulse{
    0%,100%{ transform:scale(1); opacity:.82; }
    50%{ transform:scale(1.05); opacity:1; }
}
@keyframes dfaPromoPrimaryBtnSheen{
    0%, 12%{ transform:translateX(-120%); }
    22%, 100%{ transform:translateX(140%); }
}
@media (prefers-reduced-motion: reduce){
    #dfaPromoOverlay,
    #dfaPromoArrowLayer,
    #dfaPromoModal,
    #dfaPromoClose,
    .dfaPromoIconBtn,
    .dfaPromoComposerBtn,
    .dfaPromoQuickItem,
    #dfaPromoSecondary,
    .dfaPromoOrbWrap::before,
    .dfaPromoOrbWrap::after,
    .dfaPromoOrb::after,
    .dfaPromoOrb img,
    .dfaPromoOrbRing{ transition:none !important; animation:none !important; }
}

#dfaPromoModal[data-theme-pattern="aurora-mesh"]::after{ opacity:.9; background:radial-gradient(circle at 30% 24%, rgba(234,76,137,.16), transparent 42%), radial-gradient(circle at 78% 74%, rgba(163,33,121,.16), transparent 46%); }
#dfaPromoModal[data-theme-pattern="soft-glow"]::before{ filter:blur(36px); opacity:.92; }
#dfaPromoModal[data-theme-pattern="soft-glow"] .dfaPromoOrbWrap::before{ transform:scale(1.06); opacity:.92; }
#dfaPromoModal[data-theme-pattern="clean-surface"]::after{ opacity:.3; background:linear-gradient(135deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 55%); }
#dfaPromoModal[data-theme-pattern="clean-surface"] .dfaPromoOrbRing{ opacity:.45; }
#dfaPromoModal[data-theme-pattern="clean-surface"] .dfaPromoGlow{ opacity:.4; }

@keyframes dfaPromoCaretBlink{ 0%,49%{ opacity:1; } 50%,100%{ opacity:0; } }
@keyframes dfaPromoMicPulse{ 0%{ box-shadow:0 0 0 0 rgba(236,72,153,.26); transform:scale(.92); } 70%{ box-shadow:0 0 0 18px rgba(236,72,153,0); transform:scale(1.12); } 100%{ box-shadow:0 0 0 0 rgba(236,72,153,0); transform:scale(.92); } }