/* ═══════════════════════════════════════════
   TapaBoom — Header
   Logo, search, controls
   ═══════════════════════════════════════════ */

.header{background:#111;border-bottom:1px solid #1a1a1a;padding:0 20px;position:sticky;top:0;z-index:100}
.header-top{height:52px;display:flex;align-items:center;gap:12px}
.logo{font-size:20px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:8px;color:#60a5fa;letter-spacing:-0.5px;flex-shrink:0;text-decoration:none}
.logo-btn{width:36px;height:36px;flex-shrink:0;position:relative}
.logo-btn .lb-inner{position:absolute;inset:12.4%;clip-path:url(#sq);overflow:hidden}
.logo-btn .lb-inner img{width:100%;height:100%;object-fit:cover;display:block}
.logo-btn .lb-frame{position:absolute;inset:0;width:100%;height:100%}
.search{flex:1;max-width:420px;position:relative}
.search input{width:100%;height:38px;border-radius:12px;border:1px solid #2a2a2a;background:#1a1a1a;color:#f0f0f0;font-size:13px;padding:0 14px 0 36px;outline:none}
.search input:focus{border-color:#60a5fa}
.search input::placeholder{color:#4b5563}
.search .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#4b5563;font-size:13px}
.header-right{display:flex;align-items:center;gap:10px;margin-left:auto}