.ofs-bar{align-items:center;gap:10px;min-width:0;margin:0 0 12px;display:flex}.ofs-bar .ofs-trigger{border:var(--ofs-bw) solid var(--ofs-line-strong);background:var(--ofs-surface);min-height:44px;box-shadow:var(--ofs-shadow);color:var(--ofs-ink);font:inherit;font-size:calc(14px * var(--fs-scale,1));cursor:pointer;border-radius:4px;flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:700;line-height:1;display:inline-flex}.ofs-bar .ofs-trigger:hover,.ofs-bar .ofs-trigger.is-active{border-color:var(--ofs-ink)}.ofs-bar .ofs-trigger .material-symbols-outlined{font-size:calc(18px * var(--fs-scale,1))}.ofs-bar .ofs-count{background:var(--ofs-badge-bg);width:20px;height:20px;color:var(--ofs-badge-ink);font-size:calc(12px * var(--fs-scale,1));font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.ofs-bar .ofs-summary{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:calc(13px * var(--fs-scale,1));color:var(--ofs-mute);overflow:hidden}.ofs-bar .ofs-summary b{color:var(--ofs-ink);font-weight:700}.ofs-backdrop{z-index:1000;background:var(--ofs-scrim);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ofs-backdrop .ofs-sheet{border:var(--ofs-bw) solid var(--ofs-line-strong);background:var(--ofs-surface);width:min(480px,100%);max-height:min(80vh,640px);box-shadow:var(--ofs-shadow);color:var(--ofs-ink);text-align:left;border-radius:4px;flex-direction:column;display:flex}.ofs-backdrop .ofs-head{border-bottom:1px solid var(--ofs-line);justify-content:space-between;align-items:center;padding:6px 6px 6px 18px;display:flex}.ofs-backdrop .ofs-title{font-size:calc(16px * var(--fs-scale,1));margin:0;font-weight:800;line-height:1.3}.ofs-backdrop .ofs-close{width:44px;height:44px;color:var(--ofs-mute);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.ofs-backdrop .ofs-close:hover{color:var(--ofs-ink)}.ofs-backdrop .ofs-body{overscroll-behavior:contain;flex:auto;padding:14px 18px 18px;overflow-y:auto}.ofs-backdrop .ofs-group{border:0;min-width:0;margin:0;padding:0}.ofs-backdrop .ofs-legend{font-size:calc(13px * var(--fs-scale,1));color:var(--ofs-mute);margin:0 0 8px;padding:0;font-weight:700}.ofs-backdrop .ofs-chips{flex-wrap:wrap;gap:6px;display:flex}.ofs-backdrop .ofs-chip{border:1px solid var(--ofs-line-strong);background:var(--ofs-surface);min-width:64px;min-height:44px;color:var(--ofs-ink);font:inherit;font-size:calc(14px * var(--fs-scale,1));font-variant-numeric:tabular-nums;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 14px;font-weight:600;line-height:1;display:inline-flex}.ofs-backdrop .ofs-chip:hover{border-color:var(--ofs-ink)}.ofs-backdrop .ofs-chip[aria-pressed=true]{border-color:var(--ofs-sel-bg);background:var(--ofs-sel-bg);color:var(--ofs-sel-ink);font-weight:800}.ofs-backdrop .ofs-foot{border-top:1px solid var(--ofs-line);gap:8px;padding:12px 18px;display:flex}.ofs-backdrop .ofs-btn{border:1px solid var(--ofs-line-strong);min-height:44px;color:var(--ofs-ink);font:inherit;font-size:calc(14px * var(--fs-scale,1));cursor:pointer;background:0 0;border-radius:4px;flex:1 1 0;font-weight:700}.ofs-backdrop .ofs-btn--primary{border-color:var(--ofs-primary);background:var(--ofs-primary);color:var(--ofs-on-primary);flex:2 1 0;font-weight:800}@media (max-width:767px){.ofs-backdrop{align-items:flex-end;padding:0}.ofs-backdrop .ofs-sheet{border-width:var(--ofs-bw) 0 0;border-radius:4px 4px 0 0;width:100%;max-height:85vh}.ofs-backdrop .ofs-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}