.wa-name,.wa-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--primary:#007BBF;--primary-dark:#005a8c;--accent:#33a8e0;--text:#333333;--background:#f9f9f9;--safe-bottom:env(safe-area-inset-bottom);--bottom-nav-height:60px;--bottom-nav-vertical-gap:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Segoe UI",Arial,sans-serif;background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased}.mobile-header{background:var(--primary);color:#fff;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 6px rgba(0,0,0,.08)}@media (min-width:768px){.search-btn{font-size:30px}.search-icon{width:1.5em;height:1.5em}}@media (min-width:1200px){.search-btn{font-size:24px}.search-icon{width:1.8em;height:1.8em}}.search-bar{padding:.6rem;background:var(--background);border-bottom:1px solid #eee}.directory-header,.wa-item{background:#fff;display:flex}.search-bar input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid #e5e5e5;font-size:.95rem}.list-container{padding:.5rem .75rem 6rem}.wa-list{list-style:none;padding:0;margin:0}.wa-item{align-items:center;gap:.75rem;padding:.8rem;border-radius:12px;margin-bottom:.45rem;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:background .12s,transform .08s}.wa-item:active{transform:translateY(1px)}.wa-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.wa-body{flex:1;min-width:0}.wa-name{font-weight:700;color:#0b3b5e;font-size:1rem}.wa-sub{font-size:.85rem;color:#666;opacity:.85}.directory-header{justify-content:flex-end;padding:10px 16px}.search-btn{background:0 0;border:0;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#007bbf;font-size:1.2rem;font-weight:600}.search-btn:hover{color:#005f99}.search-icon{fill:white;vertical-align:middle;width:1.6em;height:1.6em;fill:currentColor}.search-label{display:inline-block}