@layer components{.tf-search-page-inner{max-width:960px}.tf-search-page .tf-page-header{margin-bottom:28px}.tf-search-back{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;padding-inline:0;font-size:12px;font-weight:800}.tf-search-controls{margin-bottom:28px}.tf-search-field{background:var(--card);border:1.5px solid var(--field-border);box-shadow:var(--shadow-card);transition:border-color var(--m-quick) var(--e-out);border-radius:24px;flex-direction:column;gap:12px;padding:20px 16px 16px 58px;display:flex;position:relative}.tf-search-field:focus-within{border-color:var(--brand)}.tf-search-query{width:100%;min-height:84px;color:var(--ink);resize:none;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:28px;font-weight:600;line-height:1.6}.tf-search-query::placeholder{color:var(--muted)}.tf-search-query:focus{box-shadow:none}.tf-search-field-icon{color:var(--brand-text);pointer-events:none;position:absolute;top:28px;left:20px}.tf-search-field-tools{justify-content:space-between;align-items:center;gap:12px;margin-left:-42px;display:flex}.tf-search-field-tools .tf-button--icon{background:var(--sage-50);color:var(--brand-text)}.tf-search-breakdown-header{background:var(--hdr);color:var(--hdr-ink);border-radius:20px 20px 0 0;position:relative;overflow:hidden}.tf-search-breakdown-header:before{color:var(--hdr-glyph);content:"คำ";font-family:var(--font-sarabun), sans-serif;pointer-events:none;font-size:120px;font-weight:800;line-height:1.35;position:absolute;top:-46px;right:20px}.tf-search-breakdown-header h2{position:relative}.tf-breakdown-token{background:var(--paper);min-width:44px;max-width:100%;min-height:44px;transition:background-color var(--m-quick) var(--e-out), border-color var(--m-quick) var(--e-out);border-radius:14px;gap:5px;padding:6px 12px 10px}.tf-breakdown-token:hover,.tf-breakdown-token--active{background:var(--sage-50)}.tf-search-breakdown-parts{overflow-wrap:anywhere}.tf-search-breakdown-parts .tr{font-size:14px;font-weight:800;line-height:1.35}.tf-search-popover{left:var(--popover-left,0px);z-index:50;width:min(352px,100vw - 32px);color:var(--muted);font-family:var(--font-ui-stack);text-align:left;padding-top:8px;font-size:12px;line-height:1.4;display:none;position:absolute;top:100%}.group\/word:is(:hover,:focus-within)>.tf-search-popover{display:block}.tf-search-popover[data-placement=top]{padding-top:0;padding-bottom:8px;top:auto;bottom:100%}.tf-breakdown-popover{--surface-outline:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow-float)}.tf-result-item{color:var(--ink);grid-template-columns:180px minmax(0,1fr) 24px;align-items:start;gap:24px;padding:22px 24px;scroll-margin-top:100px;text-decoration:none;display:grid;position:relative}.tf-result-item--link{cursor:pointer;transition:background-color var(--m-quick) var(--e-out)}.tf-result-item--link:hover{background:var(--sage-50)}.tf-result-item--highlighted{outline:2px solid var(--brand);outline-offset:3px;background:var(--sage-50)}.tf-result-item-word{min-width:0}.tf-result-item-word .tf-thai-segment{align-items:flex-start;max-width:100%}.tf-result-item-word .tf-thai-segment__thai{overflow-wrap:anywhere;font-size:32px;font-weight:700;line-height:1.5}.tf-result-item-word .tf-thai-segment__transliteration{font-size:15px}.tf-result-definition-number{background:var(--sage-50);width:26px;height:26px;color:var(--brand-text);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.tf-result-item-chevron{color:var(--muted);pointer-events:none;align-self:center;align-items:center;display:flex}.tf-result-item--highlighted .tf-result-item-chevron,.tf-result-item--link:hover .tf-result-item-chevron{color:var(--brand-text)}.tf-result-display-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.tf-search-empty{flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:64px 0 32px;display:flex;position:relative;overflow:hidden}.tf-search-empty-art{-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.tf-search-empty-glyph{color:var(--line);font-family:var(--font-sarabun), sans-serif;white-space:nowrap;font-size:clamp(100px,15vw,200px);font-weight:800;line-height:1.5;position:absolute;top:-30px;transform:rotate(-7deg)}.tf-search-empty-icon{width:96px;height:96px;color:var(--brand-text);border-radius:24px;justify-content:center;align-items:center;display:flex;transform:rotate(-5deg)}.tf-search-suggestion{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);transition:background-color var(--m-quick) var(--e-out);border-radius:16px;flex-direction:column;padding:16px;text-decoration:none;display:flex}.tf-search-suggestion:hover{background:var(--sage-50)}.tf-search-suggestion .tf-thai-segment{max-width:100%}.tf-search-suggestion .tf-thai-segment__thai{overflow-wrap:anywhere}@media (max-width:767px){.tf-search-page-inner{padding-top:28px}.tf-search-field{border-radius:20px;padding-top:16px}.tf-search-query{min-height:76px;font-size:24px}.tf-search-field-icon{top:24px}.tf-search-breakdown-parts{font-size:24px}.tf-breakdown-token{padding-inline:10px}.tf-result-item{grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding:16px}.tf-result-item-word{grid-column:1}.tf-result-item-word+div{grid-area:2/1/auto/-1}.tf-result-item-chevron{grid-area:1/2;justify-self:end}.tf-result-item-word .tf-thai-segment__thai{font-size:30px}.tf-result-display-header{grid-template-columns:auto minmax(0,1fr);gap:12px}.tf-result-display-tags{grid-column:2;align-items:flex-start}.tf-search-empty{padding-top:48px}}}