.section-picker{position:relative;min-width:0;flex:1}.section-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:44px;padding:4px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-hover);font-size:14px;text-align:left;line-height:1.3}.section-trigger span{min-width:0}.section-trigger svg{width:18px;height:18px;flex:0 0 18px;color:var(--muted);transition:transform 160ms}.section-trigger[aria-expanded=true]{border-color:var(--accent)}.section-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.section-menu{position:fixed;z-index:120;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;list-style:none;background:var(--card);color:var(--text);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.25);font:400 14px/1.35 var(--font)}.section-menu[hidden]{display:none}.section-menu li{margin:0;padding:0}.section-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;font:inherit}.section-option .option-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:4px;background:var(--surface-hover);color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.section-option .option-name{flex:1;min-width:0}.section-option svg{width:16px;height:16px;flex:0 0 16px;visibility:hidden}.section-option[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--text)}.section-option[aria-selected=true] .option-number{background:var(--accent);color:var(--on-accent)}.section-option[aria-selected=true] svg{visibility:visible;color:var(--accent)}.section-option.is-highlighted{outline:1px solid var(--accent);outline-offset:-1px}.section-option:hover{background:var(--surface-hover)}
.tz-field{gap:0;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-hover)}.tz-field:focus-within{border-color:var(--accent)}.tz-field input,.tz-open{border:0;background:transparent}.tz-field input:focus-visible{outline:0}.tz-open{display:grid;place-items:center}.tz-open svg{width:18px;height:18px;color:var(--muted);transition:transform 160ms}.tz-open[aria-expanded=true] svg{transform:rotate(180deg)}.tz-list{padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-height:min(280px,38dvh);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.tz-list li{margin:0;padding:0}.tz-list button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:4px 10px;padding:10px 12px;border-radius:4px;line-height:1.35}.tz-list button>span{min-width:0;overflow-wrap:anywhere}.tz-list button small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.tz-list button>svg{width:16px;height:16px;visibility:hidden;color:var(--accent)}.tz-list button.is-on{background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--text)}.tz-list button.is-on>svg{visibility:visible}.tz-list button.is-highlighted{outline:1px solid var(--accent);outline-offset:-1px}
@media(max-width:540px){.section-trigger{font-size:13px}.nav-mobile select{height:44px;border:1px solid var(--line-2)}}