.picker-intro{font-size:22px;max-width:1000px;color:#dce7e2;margin-bottom:20px}
.picker-toolbar{display:flex;align-items:center;gap:16px;position:sticky;top:-30px;z-index:4;background:#102d39f5;padding:12px 8px;border-radius:18px;flex-wrap:wrap}
.picker-toolbar input{flex:1;min-width:260px;direction:inherit;margin:0;max-width:600px}
.picker-toolbar input::placeholder{color:#c4d1cf;opacity:1}
.app-choice{scroll-margin-top:150px;scroll-margin-bottom:24px}
.picker-status{font-size:18px;margin:15px 8px;color:#e8d5a0}
.app-picker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:8px 8px 24px}
button.app-choice{display:flex;align-items:center;gap:16px;text-align:start;width:100%;min-width:0;padding:14px;border-radius:18px;background:#ffffff08;border:1px solid #ffffff30;min-height:80px}
.app-choice img{width:52px;height:52px;object-fit:contain;border-radius:12px;flex-shrink:0}
.app-choice-name{font-size:21px;overflow-wrap:anywhere;flex:1;line-height:1.4}
.app-choice-check{width:27px;height:27px;border:1px solid #b9c8c6;border-radius:8px;flex-shrink:0;text-align:center;line-height:27px;font-size:23px}
.app-choice[aria-checked=true]{background:#e8d5a018;border-color:#e8d5a0}.app-choice[aria-checked=true] .app-choice-check{background:#e8d5a0;color:#173440;border-color:#e8d5a0}
#home .app-icon{position:relative}#home .app-icon:focus::after{content:attr(aria-label);position:fixed;left:5vw;bottom:16vh;background:#102d39f5;padding:6px 13px;border-radius:10px;font:18px Tajawal,sans-serif;color:#fff;z-index:6}
@media(max-height:800px){.app-picker-list{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.picker-intro{font-size:18px}.app-choice-name{font-size:19px}button.app-choice{min-height:68px;padding:10px}.app-choice img{width:44px;height:44px}.picker-toolbar{top:-30px}.picker-toolbar input{min-width:220px}}
