/* AI Tool Atlas 6.0 — first release candidate: safe mobile-first refinement */
:root{--atlas6-radius:18px;--atlas6-border:rgba(166,188,255,.17)}
.tool-card{border-radius:var(--atlas6-radius);padding:14px;background:linear-gradient(150deg,rgba(22,35,67,.9),rgba(11,21,43,.86));border:1px solid var(--atlas6-border);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.tool-card p{margin:10px 0 12px;min-height:0;font-size:13px;line-height:1.55;-webkit-line-clamp:3}
.tool-top{align-items:center;gap:11px;padding-right:23px}
.tool-logo,.assistant-result-logo,.detail-brand img{object-fit:contain!important;background:#fff;padding:4px;aspect-ratio:1;flex-shrink:0}
.tool-logo{width:46px;height:46px;border-radius:13px}
.card-actions{gap:8px}.card-actions a,.card-actions button{min-height:40px;display:flex;align-items:center;justify-content:center}
.tool-title b{font-size:15px}.tool-title small{font-size:12px}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tool-grid .tool-card{min-width:0;padding:13px}
body.light .tool-card{background:linear-gradient(150deg,#fff,#f0f4ff);border-color:rgba(70,91,155,.16)}
#atlasFloatBtn{right:max(16px,env(safe-area-inset-right))!important;bottom:calc(90px + env(safe-area-inset-bottom))!important;max-width:58px;max-height:58px}
#atlasVoicePanel{padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important}
#atlasVoicePanel>div{max-width:680px!important;gap:12px!important}
#atlasVoicePanel h1{font-size:clamp(26px,6vw,40px);line-height:1.1}
#atlasVoiceOutput{font-size:clamp(14px,3.8vw,17px)!important;line-height:1.65!important;padding:17px!important;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;min-height:72px!important}
#atlasVoicePanel button,#atlasVoicePanel select,#atlasVoicePanel input{touch-action:manipulation}
@media(max-width:540px){
 .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .tool-grid .tool-card{padding:11px;border-radius:15px}
 .tool-grid .tool-top{gap:7px;align-items:flex-start;padding-right:17px}
 .tool-grid .tool-logo{width:34px;height:34px;padding:3px;border-radius:10px}
 .tool-grid .tool-title b{font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
 .tool-grid .tool-title small{font-size:10px}
 .tool-grid .tool-card p{display:-webkit-box;font-size:11px;line-height:1.4;-webkit-line-clamp:2;margin:9px 0}
 .tool-grid .card-actions{display:grid;grid-template-columns:1fr;gap:6px}
 .tool-grid .card-actions a,.tool-grid .card-actions button{min-height:35px;font-size:11px}
 .trending-scroll .tool-card{min-width:205px;max-width:205px}
 #atlasFloatBtn{bottom:calc(92px + env(safe-area-inset-bottom))!important}
 #atlasVoicePanel>div>div:nth-child(2){padding:6px 0!important}
 #atlasVoicePanel>div>div:nth-child(2)>div{font-size:46px!important}
}
@media(max-width:350px){.tool-grid{grid-template-columns:1fr}}
@media(min-width:850px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(prefers-reduced-motion:reduce){.tool-card,.tool-card::after{animation:none!important;transition:none!important}}