:root{--twl-gold:#8A6114;--twl-terracotta:#b4552b;--twl-sage:#3E6B54}:root[data-tod=night]{--twl-gold:#A5761A;--twl-terracotta:#E28A5E;--twl-sage:#8FBBA1}.twl-search{position:relative;display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;max-width:620px;margin:0 auto 26px;z-index:30}.twl-search-form{flex:1 1 260px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--twl-gold);border-radius:var(--r-btn);padding:0 14px}.twl-search-icon{flex:0 0 auto;width:19px;height:19px;color:var(--twl-gold)}.twl-search-input{flex:1 1 auto;font-family:var(--body);font-size:16px;line-height:1;color:var(--ink);background:transparent;border:0;outline:none;padding:14px 0;min-width:0}.twl-search-input::placeholder{color:var(--ink-soft);opacity:1}.twl-hof-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:var(--r-btn);background:linear-gradient(135deg,#E8871E,#FFC93C);color:#3a2400;font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:filter .2s ease}.twl-hof-btn:hover{filter:brightness(1.06)}.twl-search-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);box-shadow:0 14px 34px rgba(0,0,0,.18);overflow:hidden auto;max-height:min(62vh,460px);-webkit-overflow-scrolling:touch}.twl-res-row{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.twl-res-row:last-child{border-bottom:0}.twl-res-row.is-on,.twl-res-row:hover{background:color-mix(in srgb,var(--twl-gold) 12%,transparent)}.twl-res-thumb{flex:0 0 auto;width:48px;height:48px;border-radius:5px;overflow:hidden;background:color-mix(in srgb,var(--ink) 8%,transparent);display:block}.twl-res-thumb img{width:100%;height:100%;object-fit:cover;display:block}.twl-res-name{flex:1 1 auto;font-family:var(--body);font-size:15px;line-height:1.35;min-width:0;overflow-wrap:anywhere}.twl-res-mark{background:transparent;color:var(--twl-terracotta);font-weight:700}.twl-res-hof{font-size:10px;line-height:1;letter-spacing:1.3px;padding:5px 12px;border-radius:3px;background:linear-gradient(135deg,#E8871E,#FFC93C);color:#3a2400}.twl-res-hof,.twl-res-tag{flex:0 0 auto;font-family:var(--body);font-weight:700;text-transform:uppercase;white-space:nowrap}.twl-res-tag{font-size:11px;letter-spacing:.07em;color:var(--twl-sage)}.twl-search-none{margin:0;padding:16px 14px;font-family:var(--body);font-size:15px;color:var(--ink-soft)}.twl-search-all{display:block;padding:12px 14px;font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--twl-terracotta);text-decoration:none;border-top:1px solid var(--line);background:color-mix(in srgb,var(--twl-gold) 6%,transparent)}.twl-search-all.is-on,.twl-search-all:hover{text-decoration:underline;text-underline-offset:3px}.twl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:700px){.twl-search{max-width:none}.twl-res-thumb{width:40px;height:40px}.twl-res-name{font-size:14px}.twl-res-tag{font-size:10px}.twl-res-hof{font-size:9px;padding:4px 9px;letter-spacing:1.1px}.twl-hof-btn{font-size:11px;padding:12px 16px}}