.gpsmap-ai-chat{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(820px,calc(100vw - 28px));padding:14px;border-radius:28px;background:rgba(8,13,24,.58);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 110px rgba(0,0,0,.55);backdrop-filter:blur(24px)}#gpsmap-ai-status{min-height:20px;color:#9fb2c7;font-size:13px;margin:0 8px 8px}#gpsmap-ai-form{display:grid;grid-template-columns:1fr auto;gap:10px}#gpsmap-ai-input{height:56px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:20px;padding:0 18px;font-size:16px;outline:none}#gpsmap-ai-input:focus{border-color:rgba(102,255,153,.55);box-shadow:0 0 0 4px rgba(102,255,153,.08)}#gpsmap-ai-form button{border:0;border-radius:18px;background:linear-gradient(135deg,#67ff9a,#17c964);color:#041009;font-weight:800;padding:0 24px;cursor:pointer;box-shadow:0 16px 40px rgba(23,201,100,.24)}#gpsmap-ai-form.loading button{filter:saturate(.4);cursor:progress}#gpsmap-ai-results{display:flex;gap:8px;overflow:auto;margin-top:10px;padding-bottom:2px}#gpsmap-ai-results .summary{min-width:220px;max-width:320px;color:#d7e5f3;line-height:1.45;background:rgba(255,255,255,.06);border-radius:16px;padding:12px}#gpsmap-ai-results button{min-width:185px;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#fff;border-radius:16px;padding:12px;cursor:pointer}#gpsmap-ai-results button:hover{border-color:rgba(102,255,153,.45);background:rgba(102,255,153,.12)}#gpsmap-ai-results b{display:block}#gpsmap-ai-results small{display:block;color:#9fb2c7;margin-top:4px}.history{display:flex;align-items:center;gap:8px}.history span{color:#91a4b9;font-size:13px}.history .mini{min-width:auto!important;white-space:nowrap}.sponsored-results{display:flex;gap:8px}.sponsored-mini{min-width:190px;text-decoration:none;border:1px solid rgba(255,215,0,.35);background:rgba(255,215,0,.1);color:#fff;border-radius:16px;padding:12px}.sponsored-mini small{color:#ffd166!important;text-transform:uppercase;font-weight:800}.gpsmap-ai-popup .nav-btn.commercial{background:rgba(13,148,136,.24);border-color:rgba(45,212,191,.5);color:#ccfbf1}.gpsmap-ai-popup .nav-btn.commercial:hover{background:rgba(13,148,136,.4)}@media(max-width:600px){.gpsmap-ai-chat{bottom:10px;border-radius:22px;padding:10px}#gpsmap-ai-form{grid-template-columns:1fr}#gpsmap-ai-form button{height:48px}.gpsmap-ai-results button{min-width:150px}}


/* Mobile-first compact search surface */
.gpsmap-ai-chat {
    max-height: 42vh;
    overflow: hidden;
}
#gpsmap-ai-results {
    scrollbar-width: thin;
}
@media (max-width: 720px) {
    .gpsmap-ai-chat {
        bottom: max(8px, env(safe-area-inset-bottom));
        width: calc(100vw - 18px);
        max-height: 34vh;
        padding: 8px;
        border-radius: 16px;
        box-shadow: 0 14px 46px rgba(0,0,0,.46);
        backdrop-filter: blur(14px);
    }
    #gpsmap-ai-status {
        min-height: 14px;
        margin: 0 6px 5px;
        font-size: 10.5px;
        line-height: 1.2;
    }
    #gpsmap-ai-form {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px;
    }
    #gpsmap-ai-input {
        height: 42px;
        min-width: 0;
        padding: 0 12px;
        font-size: 13px;
        border-radius: 13px;
    }
    #gpsmap-ai-form button {
        height: 42px;
        padding: 0 12px;
        font-size: 12px;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(23,201,100,.18);
    }
    #gpsmap-ai-results {
        gap: 6px;
        max-height: 96px;
        margin-top: 7px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 1px;
    }
    #gpsmap-ai-results .summary {
        min-width: 170px;
        max-width: 230px;
        padding: 8px;
        font-size: 11px;
        line-height: 1.3;
        border-radius: 11px;
    }
    #gpsmap-ai-results button,
    .sponsored-mini {
        min-width: 138px;
        max-width: 170px;
        padding: 8px;
        border-radius: 11px;
    }
    #gpsmap-ai-results b,
    .sponsored-mini b {
        overflow: hidden;
        font-size: 12px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #gpsmap-ai-results small,
    .sponsored-mini small {
        margin-top: 2px;
        font-size: 10px;
        line-height: 1.2;
    }
    .history span {
        font-size: 10.5px;
    }
}
@media (max-width: 420px) {
    .gpsmap-ai-chat {
        width: calc(100vw - 14px);
        max-height: 29vh;
        padding: 7px;
        border-radius: 14px;
    }
    #gpsmap-ai-input {
        height: 38px;
        padding: 0 10px;
        font-size: 12px;
        border-radius: 11px;
    }
    #gpsmap-ai-form button {
        height: 38px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 10px;
    }
    #gpsmap-ai-results {
        max-height: 82px;
    }
    #gpsmap-ai-results .summary {
        display: none;
    }
    #gpsmap-ai-results button,
    .sponsored-mini {
        min-width: 128px;
        padding: 7px;
    }
}
@media (max-height: 620px) {
    .gpsmap-ai-chat {
        max-height: 30vh;
        padding: 7px;
    }
    #gpsmap-ai-status {
        display: none;
    }
    #gpsmap-ai-input,
    #gpsmap-ai-form button {
        height: 36px;
    }
    #gpsmap-ai-results {
        max-height: 76px;
    }
}