.lifeos-segmented{isolation:isolate;border-radius:var(--radius-sm);background:var(--bg-subtle);align-items:center;gap:2px;min-width:0;max-width:100%;padding:2px;display:inline-flex}.lifeos-segmented>.segmented-option{isolation:auto;min-height:28px;color:var(--text-2);font-size:var(--type-meta);white-space:nowrap;transition:background-color var(--m-selection), color var(--m-selection);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex;position:relative}.lifeos-segmented[data-size=sm]>.segmented-option{min-height:24px}.lifeos-segmented>.segmented-option:enabled:hover{color:var(--text)}.lifeos-segmented>.segmented-option:not([aria-checked=true]):enabled:hover{background:var(--bg-hover)}.lifeos-segmented>.segmented-option[aria-checked=true]{color:var(--text)}.lifeos-segmented>.segmented-option:disabled{opacity:.45;cursor:not-allowed}.segmented-selection{z-index:-1;border-radius:inherit;background:var(--bg-elevated);box-shadow:0 1px 3px #00000017, inset 0 0 0 1px var(--stroke);pointer-events:none;position:absolute;inset:0}.segmented-count{font-variant-numeric:tabular-nums;background:var(--bg-subtle);min-width:18px;height:18px;color:var(--text-3);border-radius:5px;place-items:center;padding-inline:4px;font-size:.6875rem;display:inline-grid}.lifeos-segmented[data-appearance=underline]{scrollbar-width:thin;background:0 0;border-radius:0;gap:4px;padding:0;overflow-x:auto}.lifeos-segmented[data-appearance=underline]>.segmented-option{min-height:40px;font-size:var(--type-small);padding-inline:10px}.lifeos-segmented[data-appearance=underline][data-size=sm]>.segmented-option{min-height:32px;font-size:var(--type-meta);padding-inline:8px}.lifeos-segmented[data-appearance=underline]>.segmented-option[aria-checked=true]{color:var(--accent-text)}.lifeos-segmented[data-appearance=underline] .segmented-selection{background:var(--accent);height:2px;box-shadow:none;border-radius:2px;top:auto;bottom:0}.lifeos-segmented[data-appearance=underline]>.segmented-option:focus-visible{outline-offset:-3px}@media (pointer:coarse){.lifeos-segmented>.segmented-option{min-width:44px}.lifeos-segmented[data-appearance][data-size]>.segmented-option{min-height:44px}}@media (prefers-reduced-motion:reduce){.lifeos-segmented>.segmented-option{transition:none}}@media (forced-colors:active){.lifeos-segmented>.segmented-option[aria-checked=true]{outline-offset:-1px;outline:1px solid highlight}}