.tf-find{--tf-ink:#4b392d;--tf-muted:#927965;--tf-accent:#a24f37;--tf-line:#e3d3c0;margin:8px 0 18px;border-bottom:1px solid var(--tf-line);scroll-margin-top:104px;color:var(--tf-ink)}
.tf-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;min-height:52px;background:transparent;border:0;color:var(--tf-accent);text-align:left}
.tf-toggle>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tf-toggle strong{font-size:13px;font-weight:550}.tf-toggle small{font-size:11px;color:var(--tf-muted);margin-left:8px}.tf-toggle svg{width:16px;height:16px;flex:none}.tf-toggle>svg{transition:transform .25s ease}.tf-find.is-open>.tf-toggle>svg{transform:rotate(90deg)}
.tf-shell{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .2s ease}.tf-find.is-open .tf-shell{grid-template-rows:1fr;opacity:1}.tf-shell>div{overflow:hidden;min-height:0}.tf-workspace{padding:4px 0 18px}
.tf-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}.tf-modes{display:flex;gap:22px}.tf-modes button{position:relative;min-height:42px;border:0;padding:8px 0;background:transparent;color:var(--tf-muted);font-size:12px}
.tf-modes button::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--tf-accent);transform:scaleX(0);transition:transform .22s ease}.tf-modes button[aria-pressed=true]{color:var(--tf-accent);font-weight:600}.tf-modes button[aria-pressed=true]::after{transform:scaleX(1)}
.tf-only{display:flex;align-items:center;gap:5px;min-height:42px;padding:8px 0;background:transparent;border:0;color:var(--tf-muted);font-size:11px}.tf-only[aria-pressed=true]{color:var(--tf-accent)}.tf-only svg{width:14px;height:14px}
.tf-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #c4aa91;padding-bottom:3px;transition:border-color .18s,box-shadow .18s;min-width:0}.tf-search:focus-within{border-color:var(--tf-accent);box-shadow:0 1px 0 var(--tf-accent)}.tf-search>span{color:var(--tf-accent);font-size:18px}.tf-search svg{width:17px;height:17px;flex:none}
.tf-search input{flex:1;min-width:0;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;border-radius:0;padding:12px 0;font:inherit;font-size:16px;color:var(--tf-ink)}.tf-search input::placeholder{font-size:13px;color:#a18c78}
.tf-search button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;min-height:44px;background:transparent;border:0;color:var(--tf-muted);font-size:12px;flex:none}.tf-search .tf-submit{color:var(--tf-accent);padding:8px 0 8px 4px}.tf-search button:hover svg{transform:scale(1.08)}
.tf-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.tf-hint{display:flex;align-items:center;gap:8px;padding:17px 0 3px;color:var(--tf-muted);font-size:11px;line-height:1.8}.tf-hint svg{width:15px;height:15px;flex:none}.tf-hint p{margin:0}
.tf-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0 10px;font-size:11px;color:var(--tf-muted)}.tf-result-heading>span:first-child{min-width:0;overflow-wrap:anywhere}.tf-result-heading>span:last-child{flex:none}.tf-result-heading b{color:var(--tf-accent);font-weight:550}
.tf-result-list{list-style:none;padding:0;margin:0}.tf-result-list li+li{border-top:1px solid var(--tf-line)}.tf-result{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;gap:12px;align-items:start;min-width:0;width:100%;text-align:left;padding:17px 0;border:0;border-radius:0;background:transparent;animation:tf-arrive .24s ease both;color:var(--tf-ink)}.tf-result:hover,.tf-result.is-selected{background:linear-gradient(90deg,#ead8c657,transparent)}
.tf-floor{font-size:12px;color:var(--tf-accent);font-variant-numeric:tabular-nums;padding-top:1px}.tf-copy{min-width:0;display:grid;gap:8px}.tf-copy>strong{font-size:13px;line-height:1.7;font-weight:600;overflow-wrap:anywhere}.tf-author{font-size:11px;color:var(--tf-muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tf-author time{font-size:10px;opacity:.75}.tf-excerpt{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#725a47}
.tf-find mark{background:#ecd1ae;color:inherit;padding:0 1px;border-radius:2px}.tf-go{display:flex;flex-direction:column;align-items:center;gap:6px;align-self:center;color:var(--tf-accent)}.tf-go svg{width:17px;height:17px;transition:transform .18s}.tf-go small{font-size:9px;white-space:nowrap}.tf-result:hover .tf-go svg{transform:translateX(3px)}
.tf-more{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--tf-accent);font-size:12px}.tf-more svg{width:15px;height:15px}
.tf-empty{display:flex;align-items:center;gap:18px;padding:22px 0;color:var(--tf-muted);font-size:12px;line-height:1.8;flex-wrap:wrap}.tf-empty p{margin:0;flex:1;min-width:130px}.tf-empty button,.tf-error button{background:transparent;border:0;color:var(--tf-accent);text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:12px}
.tf-art{width:106px;height:64px;stroke:var(--tf-accent);stroke-width:1.5;stroke-linecap:round;flex:none}.tf-lines{stroke:#ba9d7f;stroke-dasharray:52;animation:tf-ink .6s ease both}.tf-lens{animation:tf-arrive .35s ease both;fill:#fff8ed55}
.tf-error{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#9b4835;border-left:2px solid #af6545;padding:6px 12px;background:#f0ddca55;font-size:12px;line-height:1.8;margin:12px 0}
.thread-reader .tf-return{display:flex;align-items:center;gap:7px;width:100%;border:0;border-top:1px solid #dfcdb8;border-bottom:1px solid #dfcdb8;padding:11px 0;margin:12px 0;background:transparent;color:#a24f37;font-size:12px;min-height:44px}.tf-return svg{width:16px;height:16px}
.tf-find :is(button,a){transition:background .18s,color .18s,transform .18s}.tf-find button:active{transform:scale(.985)}.tf-find button:disabled{opacity:.5;cursor:wait}.tf-find :is(button,a):focus-visible,.tf-return:focus-visible{outline:2px solid var(--tf-accent,#a24f37);outline-offset:3px}
@keyframes tf-arrive{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes tf-ink{from{stroke-dashoffset:52}to{stroke-dashoffset:0}}
@media(max-width:760px){.tf-find{scroll-margin-top:83px}.tf-toggle{padding:12px 0}.tf-toggle small{font-size:10px;margin-left:0}.tf-toggle>span{gap:6px}.tf-tools{gap:8px}.tf-modes{gap:18px}.tf-search{gap:6px}.tf-search input::placeholder{font-size:12px}.tf-search button{min-width:34px}.tf-result{grid-template-columns:30px minmax(0,1fr) 28px;gap:9px;padding:15px 0}.tf-excerpt{font-size:12px}.tf-go small{display:none}.tf-result-heading{font-size:10px}.tf-result-heading>span:last-child{font-size:10px}.tf-hint{font-size:10px}.tf-empty{gap:10px}.tf-art{width:80px;height:52px}.tf-empty p{font-size:11px}.thread-mobile-dock .tf-return{flex:0 0 auto;min-height:44px;min-width:76px;font-size:10px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.thread-mobile-dock .tf-return svg{width:16px;height:16px}}
@media(max-width:360px){.tf-toggle small{width:100%;padding-left:22px}.tf-search .tf-submit svg{display:none}.tf-only{font-size:10px}.tf-modes button{font-size:11px}.tf-search input::placeholder{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tf-find *,.tf-find *::after,.tf-return{animation:none!important;transition:none!important;scroll-behavior:auto!important}}