.controls{--filter-button-base-width:130px;--filter-button-max-width:calc(var(--filter-button-base-width) * 3.7);top:var(--controls-top-gap,0px);z-index:30;background:#fff;border-top:4px solid #fff;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0 0 12px;display:flex;position:sticky}.controls input[type=search],.controls input[type=number],.controls input[type=date]{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:10px;outline:none;height:34px;padding:8px 10px}.controls input[data-default-active=true]{color:#b5b5b5}.controls select{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:8px 10px}.letter-document-tabs{scrollbar-width:thin;gap:8px;padding:12px 0 4px;display:flex;overflow-x:auto}.letter-document-tab{appearance:none;color:#1f2937;cursor:pointer;min-height:34px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #d8dee9;border-radius:8px;flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:14px;line-height:1.2;display:inline-flex}.letter-document-tab:hover,.letter-document-tab:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb24}.letter-document-tab.is-active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:700}.letter-document-tab.is-filtered{color:#9a3412;background:#fff7ed;border-color:#f59e0b}.letter-document-tab.is-filtered:hover,.letter-document-tab.is-filtered:focus-visible,.letter-document-tab.is-active.is-filtered{color:#9a3412;background:#ffedd5;border-color:#ea580c;box-shadow:0 0 0 2px #ea580c21}.letter-document-tab-filter{color:#c2410c;opacity:.78;width:11px;height:11px;display:none}.letter-document-tab.is-filtered .letter-document-tab-filter{display:inline-flex}.letter-document-tab-filter svg{fill:currentColor;width:100%;height:100%;display:block}.letter-document-tab-count{color:#64748b;font-size:12px;font-weight:700}.letter-document-tab.is-filtered .letter-document-tab-count{color:#c2410c}.letter-new-badge{color:#0f766e;letter-spacing:.045em;background:#ccfbf1;border:1px solid #5eead4;border-radius:999px;flex:none;margin-top:1px;padding:2px 6px;font-size:10px;font-weight:800;line-height:1.25;display:inline-flex}.letter-new-badge[hidden]{display:none}.controls-right{order:3;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.search-box{align-items:center;gap:6px;display:inline-flex}.search-field{align-items:center;display:inline-flex;position:relative}.search-toggle{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.search-toggle svg{stroke:#333;width:18px;height:18px}.search-input{opacity:0;pointer-events:none;border-color:#0000;width:0;padding:8px 0;transition:width .15s,opacity .15s,border-color .15s,padding .15s}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-box.is-open .search-input{opacity:1;pointer-events:auto;border-color:#e5e5e5;width:200px;padding:8px 32px 8px 10px}.search-clear{box-sizing:border-box;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:10px;transition:opacity .15s;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-clear svg{stroke:#6b7280;width:12px;height:12px}.search-box.is-open.is-active .search-clear{opacity:1;pointer-events:auto}.search-layout{color:#374151;cursor:pointer;user-select:none;background:#fff;border:1px solid #e5e5e5;border-radius:999px;align-items:center;padding:3px 6px;font-size:.75em;display:none}.search-box.is-open .search-layout{display:inline-flex}.search-box.is-active .search-toggle,.search-box.is-active .search-input{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.filter-inline{align-items:center;gap:8px;min-height:34px;display:inline-flex;position:relative}.cat-filter,.tag-filter,.btype-filter{position:relative}.tag-filter{order:1}.cat-button,.tag-button,.btype-button{box-sizing:border-box;cursor:pointer;width:fit-content;height:34px;min-height:34px;min-width:var(--filter-button-base-width,210px);max-width:min(var(--filter-button-max-width,420px), 90vw);background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:8px;padding:8px 28px 8px 10px;line-height:normal;display:inline-flex;position:relative;overflow:hidden}.cat-button.is-active,.tag-button.is-active,.btype-button.is-active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.has-chevron{position:relative}.has-chevron:after{content:"";opacity:.7;transform-origin:50%;pointer-events:none;z-index:1;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .15s;position:absolute;top:50%;right:10px;transform:translateY(-60%)rotate(45deg)}.has-chevron[aria-expanded=true]:after{transform:translateY(-30%)rotate(-135deg)}.has-chevron-inline:after{content:none}.has-chevron .filter-chevron-icon{opacity:.7;transform-origin:50%;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .15s;position:absolute;top:50%;right:10px;transform:translateY(-60%)rotate(45deg)}.has-chevron[aria-expanded=true] .filter-chevron-icon{transform:translateY(-30%)rotate(-135deg)}.filter-button-label,.tag-button-label{flex:none}.filter-button-chips,.tag-button-chips{box-sizing:border-box;white-space:nowrap;flex:auto;align-items:center;gap:6px;min-width:0;max-width:100%;padding-right:8px;display:inline-flex;overflow:hidden}.cat-button .filter-button-chips,.btype-button .filter-button-chips,.tag-button .tag-button-chips,.cat-button .filter-button-chips *,.btype-button .filter-button-chips *,.tag-button .tag-button-chips *{pointer-events:none}.filter-button-chips .point-chip,.filter-button-chips .topic-meta,.filter-button-chips .chip,.tag-button .tag-chip{padding:2px 8px;font-size:.8em;line-height:1.1}.tag-button .tag-chip{white-space:nowrap;color:#1f2937;border:1px solid #0000000a;border-radius:999px;align-items:center;display:inline-flex}.filter-chip-more,.filter-button-sep{color:#6b7280;white-space:nowrap;flex:none;align-items:center;font-size:.75em;line-height:1.1;display:inline-flex}.filter-button-chips .filter-chip:last-child,.filter-button-chips .chip:last-child,.tag-button-chips .tag-chip:last-child{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.filter-clear{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:.85em;display:inline-flex}.filter-clear[hidden]{display:none}.filter-inline .filter-clear{visibility:visible;border:0;border-radius:0;justify-content:flex-start;margin-left:2px;padding:0;font-size:.85em;line-height:1;position:static}.filter-inline .filter-clear[hidden]{display:none}.range-filter{order:2;align-items:center;gap:6px;display:inline-flex;position:relative}.range-filter .filter-clear{margin-left:2px;position:static;transform:none}.cat-panel,.btype-panel{z-index:20;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:280px;min-width:280px;max-width:280px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;overflow-x:hidden;box-shadow:0 12px 30px #0000001f}.tag-panel{z-index:20;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:max-content;min-width:0;max-width:min(90vw,720px);padding:10px;position:absolute;top:calc(100% + 6px);left:0;overflow-x:hidden;box-shadow:0 12px 30px #0000001f}.cat-panel[hidden],.tag-panel[hidden],.btype-panel[hidden]{display:none}.filter-search-row,.tag-search-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.filter-layout,.tag-layout{color:#374151;cursor:pointer;user-select:none;background:#fff;border:1px solid #e5e5e5;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:3px 6px;font-size:.75em;display:inline-flex}.cat-search,.tag-search,.btype-search{border:1px solid #e5e5e5;border-radius:10px;outline:none;width:100%;padding:8px 10px}.cat-options,.tag-options,.btype-options{--filter-option-list-gap:4px;--filter-option-padding:4px;--filter-option-min-height:28px;--filter-option-chip-font-size:.85em;--filter-option-chip-padding-y:2px;--filter-option-chip-padding-x:8px;gap:var(--filter-option-list-gap);flex-direction:column;max-height:240px;display:flex;overflow:hidden auto}.cat-option,.tag-option,.btype-option{padding:var(--filter-option-padding);min-width:0;min-height:var(--filter-option-min-height);cursor:pointer;border-radius:8px;align-items:center;gap:8px;display:flex}.cat-option.hidden,.tag-option.hidden,.btype-option.hidden,.filter-option.is-hidden,.filter-option.hidden{display:none}.cat-option input,.tag-option input,.btype-option input{accent-color:#2563eb;cursor:pointer;width:16px;height:16px;margin:0}.cat-option .chip,.tag-option .chip,.btype-option .chip{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;min-width:0;max-width:100%;font-size:var(--filter-option-chip-font-size);padding:var(--filter-option-chip-padding-y) var(--filter-option-chip-padding-x);color:#1f2937;border:1px solid #0000000a;border-radius:999px;flex:0 auto;display:inline-block;overflow:hidden}.chip-cat{font-weight:400}.filter-mode{color:#555;align-items:center;gap:8px;margin-top:8px;font-size:.9em;display:flex}.filter-mode input{accent-color:#2563eb;flex:0 0 16px;width:16px;height:16px;margin:0}